Div不会清除漂浮物

Question

我有一个我在这里工作的应用：http://nicheminer.co/niche-miner.html 我遇到了一个问题，即带有类.niche-miner的主容器不会清除浮动，你可以看到其余的内容都溢出。

我使用过这个CSS：

.clearfix:after {
    content:"";
    display: table;
    clear: both;
}

并将类添加到主容器中，但它仍然不会清除浮动。

这让我发疯，但无论出于何种原因，我无法让主容器完全包裹标签内容。任何帮助将不胜感激。

PS：提前为CSS中可怕的“！important”标签道歉 - 一旦这个应用程序从静态页面转储到主站点的WordPress主题中，就必须维护CSS。

Answer 1

您的.tabs .tab-content规则在每个position: absolute;上设置.tab-content，从而将其从文档流中取出。

Answer 2

position: absolute;

。 .tabs .tab-content 导致此问题。

将其更改为

position: relative;

将解决＆＃34;清除＆＃34;问题，但是你必须进行必要的CSS调整才能使布局看起来像以前一样。