强制div容器清除流量

Question

我在测试页面http://spideradvices.blogspot.ro/2014/01/test-4.html上使用此代码来清除标头容器浮动，但不起作用。我能以某种方式强迫它吗？

#header-container{
position: relative !important;
clear: both !important;
overflow: auto !impotant;
}

Answer 1

使用这种方法：

#header-container:after {
  content: ' ';
  line-height: 0;
  display: block;
  clear: both;
  *zoom: 1;       /* trigger hasLayout for IE 6/7*/
}

我还建议你看一下才华横溢的 Nicolas Gallagher的 Micro clearfix

更新

根据OP的解释，（在下面的评论中）：

  

当我滚动时，那个标题容器浮在上面并停留在那里   我不希望这样。

这不是清算修复问题，#header-container的所有孩子都没有浮动。

要点是.viewitem-panel和.viewitem-inner元素定位以保留在页面底部，标题正下方，.viewitem-inner有一个overflow-y: scroll;用于滚动内容的CSS声明。

因此，除非更改布局，否则无法解决此问题。

Answer 2

将clear放在单独的班级

中

.clearfloat{clear: both}

然后将其放在div之后clear float

<div id="header-container">
</div>
<div class="clearfloat"> </div>