html自动调整大小,css – HTML5标记与自动调整大小的Div

我希望有一个解决方案,但最糟糕的情况,解释为什么我的div没有调整大小,这可能是因为我使用的是nav标签.

我有以下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有一个背景图像应该覆盖导航和剖面区域的背景.但是,只有当我的剖面区域比我的导航区域更大(从上到下)时才会发生这种情况,因为div会拉伸以适应剖面大小.但是,如果我的导航区域较大,它实际上会扩展到div之外并在那里扩展图像.