我如何修复元素答案

【问题标题】：How I can fix element我如何修复元素
【发布时间】：2016-05-30 15:50:37
【问题描述】：

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

正常

在屏幕上调整大小

守则：

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>

【问题讨论】：

你的问题和代码不清楚。你到底想做什么？
你的预期输出是什么..？

标签： html css web

【解决方案1】：

下次请粘贴工作代码，以便我们更轻松地尝试帮助您。

Check this solution

而不是使用浮点数（我不推荐......仅适用于一些特殊情况）我认为相对位置和绝对位置更适合您的情况。

调整大小看看，“通知”块总是在他的容器右侧的角落顶部。

父position: relative
绝对子容器：position: absolute; right: 0; top: 0;

现在你只需要使用填充来实现一个好的设计。

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

【讨论】：