html - Div 不会清除 float

Question

我在这里开发了一个应用程序:http://nicheminer.co/niche-miner.html 我遇到了一个问题，带有 .niche-miner 类的主容器不会清除 float ，你可以看到它溢出了其余的内容。

我用过这个 CSS:

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

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

这让我抓狂，但无论出于何种原因，我都无法让主容器完全包裹选项卡式内容。任何帮助将不胜感激。

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

Answer 1

position: absolute;

在 .tabs .tab-content 中导致了问题。

将其更改为

position: relative;

将解决“清晰”的问题，但是您必须进行必要的 css 调整以使布局看起来像以前一样。