外部div的高度不會因內部div和元素而發生變化

Question

我在另一個div（容器）內部有div（maincontent）。這些div位於aspx頁面，並且我在內部div（maincontent）中有很多asp.net控件。但是這個網站看起來很有趣，

http://i.stack.imgur.com/omahx.jpg

白色部分（搜索Maincontent）應根據內部的elemnts調整大小。但它的高度顯示爲0px。

以下是maincontent和container的css;

#container 
{ 
background: #FFF; 
width: 1000px; 
height:auto; 
margin-right: auto; 
margin-left: auto; 
border-right: 2px solid #B0AA94; 
border-left: 2px solid #B0AA94; 
border-bottom: 2px solid #B0AA94; 
border-radius: 0px 10px 0px 10px; 
} 

#maincontent 
{ 
height: auto; 
font-family: Trebuchet MS; 
font-size: 10px; 
color: Black; 
margin-left: 30px; 
margin-top: 40px; 
} 

我錯過了什麼？

Answer 1

這些容器中可能有很多浮動元素。你需要清除它們。您可以通過將其容器的溢出屬性設置爲「自動」或「隱藏」來清除浮動元素。

小提琴：http://jsfiddle.net/JyAMb/

Answer 2

浮動一個div取出來的元件的正常流動的。在浮動div後加<div style="clear:both">以清除它們。