div容器强制清除流

Question

我在test page上使用此代码来清除标头容器浮点数，但不起作用。我可以以某种方式强迫它吗？

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

Answer 1

使用此方法：

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

我也建议看看有才华的Nicolas Gallagher's Micro clearfix

更新：

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

[该标头容器漂浮在顶部，当我滚动并停留在顶部时，我不要。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9ScTd5bS5qcGcifQ==” alt =“在此处输入图像描述”>

这不是清除修复问题，#header-container的所有子项都不是floated。

该点是.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>