HTML – 我如何修复元素

2019年7月28日 167次阅读

如何在div块上修复计数文本？更改屏幕尺寸时出现问题.

正常

《HTML – 我如何修复元素》

在屏幕上调整大小

《HTML – 我如何修复元素》

代码：

span.right-corner{
  position: relative;  
  float: left; 
  left: 250px;  
  bottom: 25px;  
  width: auto;  
}
div.top-block{
  position: relative; 
  float: left; 
  left: 240px;
  bottom: 40px; 
  width: auto; 
}
<div class="col-sm-4">
  <div class="top-block">
    <div class="huge"><i class="fa fa-book"></i></div>
  </div>
  <div class="well">
    <span class="badge right-corner">${count}</span>
    <h4>Архів</h4>
    <a class="watcher" href="/edocs/main/archive/${offnoteType}"></a>
  </div>
</div>

最佳答案 下次请粘贴一个工作代码,以便我们更方便地帮助您.

Check this solution

而不是使用浮动(我不建议…只是为了几个特定情况)
我认为对于你的情况来说,相对和绝对的位置更容易.

调整大小并查看,“通知”块始终位于其容器的右上角.

>父母职位：亲属
>绝对子容器：位置：绝对;右：0;顶部：0;

现在你只需要使用填充来实现良好的设计.

提示：如果使用语义html而不是1048105715 div,那会更好;)

点赞