我希望有一個解決方案，但最壞的情況下，為什麼我的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：這工作！你可以将它作為答案釋出，以便我可以接受它。另外，你能解釋它為什麼起作用嗎？讓某件事情起作用是一回事，但另一件事要了解它為什麼起作用。 –