我希望有一个解决方案，但最坏的情况下，为什么我的div没有调整大小的解释，这可能是因为我正在使用导航标记。HTML5标签与Div用于自动调整大小
我有以下的html。当我的'section'标签中的内容增长时，div与页面内容类也会增长。但是，当我的导航菜单项增加时，div不会调整大小。
- {menu items here}
{bunch of text here}
这是我的css。
.page-content
{
display: block;
position:relative;
width: 100%;
margin-left: auto;
margin-right: auto;
background-image: url(images/bg-home-main.jpg);
background-repeat: no-repeat;
background-position: center;
}
nav {
display: block;
float: left;
padding: 15px;
position: relative;
margin: 0px 0px 0px -45px;
}
#main {
padding: 5px 25px 5px 25px;
margin-left: 175px;
}
我那时的问题是div有一个背景图像，应该覆盖nav和section区域的背景。但是，这只会发生在我的截面面积比我的导航面积大(从上到下)时，因为div会拉伸以适应截面尺寸。但是，如果我的导航区域更大，它实际上会扩展到div的外部，并在那里显示图像。
+0
浮动元素时，将其从流中取出，并且不会展开其包含的元素。一个解决方法是添加溢出：隐藏;到包含元素。 –
+0
@kinakuta：这工作！你可以将它作为答案发布，以便我可以接受它。另外，你能解释它为什么起作用吗？让某件事情起作用是一回事，但另一件事要理解它为什么起作用。 –