为什么清楚不清楚？

Question

我一直遇到一些问题。我不知道为什么我的div.clear不做工作。正如你可以看到，下一个按钮应该被包围在红色的div。请检查我的源头，谢谢!

http:/www.w3dominik.comxvocabitodashboard.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; 从这一点，它将工作，因为它应该做的。

截图。