Css 外部div的高度不随内部div和元素的变化而变化

我有一个div（maincontent），它位于另一个div（容器）中。这些div位于aspx页面中，我在insider div（maincontent）中有许多asp.net控件。但它是如此有趣，该网站看起来像这样

白色部分（主要内容）应根据内部元素调整大小。但它的高度显示为0px

这里是主要内容和容器的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;
}

---

我遗漏了什么？

这些容器中可能有很多浮动元素。你需要清理它们。通过将浮动元素的容器溢出属性设置为“自动”或“隐藏”，可以清除浮动元素

---

Fiddle:

浮动div会使其脱离元素的正常流动。在浮动div之后添加

以清除它们。

那么有没有办法用浮动元素来解决这个问题，或者有更好的方法来浮动元素？@MustafaTok是的，将“溢出：隐藏”或“溢出：自动”设置到容器中。例子：