html5 div尺寸,HTML5标签与Div用于自动调整大小

我希望有一个解决方案，但最坏的情况下，为什么我的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：这工作！你可以将它作为答案发布，以便我可以接受它。另外，你能解释它为什么起作用吗？让某件事情起作用是一回事，但另一件事要理解它为什么起作用。 –