Question

所以这是我的CSS3之一：

body{
    width: 1500px;
    border: 2px solid black;
    text-align: left;
    margin: 20px auto;
}

但是，我在HTML中有一篇文章，当我写一个浮点数：左边我的CSS文件时，应该覆盖它的边框在文章开始之前停在顶部。

任何人都可以帮我解决这个问题吗？我希望边界包围一切。

Answer 1

这是我使用的clearfix片段。将其添加到您的CSS顶部。

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

像其中一位评论者说的那样。浮动项目时，会中断元素的自然块级别。这意味着，块级别的元素位于彼此之上，并且内联的元素很好地排成一行。

因此，当您将项目向左浮动时，父div可能会崩溃。要修复它，我们将clearfix添加到父级。

老实说，您应该发布更多代码，以便我们了解实际情况，但这很可能会解决您的问题。

将clearfix类添加到父div（将其添加到css之后）

我的意思是将它添加到文章所在的任何元素中 -

<div class ="clearfix">
    <article> information </article>
</div>

我认为这个问题已经全部回答了，这里有一篇帖子可以帮助 - How do you keep parents of floated elements from collapsing?