Question

我有一个带有橙色背景的消息div，当有人注销时会在屏幕上列出一条消息，但由于某种原因，它会在它之前吃掉div，因此它们都在同一个框中。是什么赋予了？我一直在看它，但无法弄清楚发生了什么。

代码很简单：

<div id="motto">A website for those who wait</div>
<?php if ($error) echo "<div class='error'>$error</div>"; ?>
<?php if ($warning) echo "<div class='warning'>$warning</div>"; ?>

样式表：

    #motto {
        font-size       : 20px;
        font-weight     : bold;
        margin-top      : 20px;
        font-family     : Shadows Into Light Two,Sans-Serif;
        text-align      : center;
        position        : static;
        width           : 100%;
        margin-bottom   : 35px;
    }
    .warning, .error {
        width           : 500px;
        margin-bottom   : 15px;
    }

Answer 1

您需要清除浮动。请参阅CSS 101: Block Formatting Contexts。

您可能不需要float: left到#motto，如果需要，请按照A new micro clearfix hack

的建议清除花车

为什么我的div会吞下之前的那个？

1 个答案: