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那樣展開？

回答

相關問題