CSS：身体边框不会像中间div那样展开？

我有这样一个规则：CSS：身体边框不会像中间div那样展开？

body{border:1px solid gray;} 

#middle{ 
float:left; 
margin-left:3%; 
margin-top:20px; 
width:41%; 
border-top:solid #aaaaaa 1px; 
} 

.message-content{ 
padding:0 10px 0 10px; 
float:left; 
}

我的HTML是这样的：

<html> 
<body> 
<div id="middle"> 
    <div class="message-content">Loris ipsidum</div> 
    <div class="message-content">Loris ipsidum</div> 
<div id="clear"></div> 
</div> 
</body> 
</html>

我试图复制它的jsfiddle，但我不能。基本上，发生的事情是，在我得到很多消息内容div后，通过了body规则定义的边界。它基本上看起来像是在内容的中间。有任何想法吗？

我会试着找一个工作的例子。

来源

2012-04-07 Wolfpack' 08

奇怪的是，我使用PHP将内容加载到'message-content' div中，并且内容未出现在源代码中，这使得难以重新创建。 – 2012-04-07 10:56:19

由于您的#middle元素是浮动的，因此它们不计入父元素的高度（在本例中为正文），因此身体只占用窗口的高度。

您似乎没有为您的#clear元素定义clear样式。即便如此，clear元素应该是之后的，而不是里面的浮动元素。

来源

2012-04-07 10:54:48

谢谢。有没有办法将浮动元素的高度考虑在内？ – 2012-04-07 10:58:30

最后清理应该做到这一点。 – 2012-04-07 10:59:17

不幸的是，它并没有导致边界扩大。我拿走了边界，这是更好的.... – 2012-04-07 13:07:35

CSS：身体边框不会像中间div那样展开？

回答

相关问题