HTML边框没有与浮动影响

所以这是我CSS3行之一：HTML边框没有与浮动影响

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

不过，我在HTML的文章，当我写浮动：留在我的CSS文件，这就是所谓的边界在文章开始之前停止，在顶部停止。

任何人都可以帮助我解决这个问题吗？我想让边框围绕一切。

来源

2016-08-22 Code123

当你浮动一个元素，你从文档流中删除它。这意味着父母（在本例中为“身体”）不知道“文章”即使存在。所以父母的身高就像倒空一样崩溃。您需要查看[*** clearfix ***]（http://stackoverflow.com/search?q=clearfix）方法。一个简单的解决方案是将'overflow：auto'添加到'body'。 –

你的浮动元素关闭后，在*相同的级别*，把'

'。 **例如：**'

' – Santi

这是我使用的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?

来源

2016-08-22 21:17:26

HTML边框没有与浮动影响

回答

相关问题