css - 为什么清不清？

Question

我遇到了一些问题。我不知道为什么我的 div.clear 没有完成这项工作。正如您所看到的，下一个按钮应该被包围在红色的 div 中。请检查我的来源谢谢!

http://www.w3dominik.com/x/vocabito/dashboard.php

<div id="buttonsx">
                    <div id="next">next</div>
                    <div class="clear">&nbsp;</div>
                </div>

Answer 1

只需将 overflow:auto 添加到按钮即可。它有效 - 我测试过它。

#buttonsx {
    padding: 10px;
    color: #fff;
    background-color: red;
    overflow: auto;
}

发生这种情况的原因是内容在按钮上折叠，因为它没有设置高度。设置 overflow:auto 将强制父项包含子项。