为什么清楚不清楚？

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将强制父级包含子级。

Answer 2

您在main.css第126行

中有此信息

#buttonsx>div {
    border-radius: 5px;
    display: inline-block;
    float: left; /* <-- this is the problem */
}

此float: left;规则导致了此问题，如果您从中移除float: left;，它将按照预期的方式运行。

<强> Screenhot：