當我的瀏覽器窗口最大化時,此代碼可以正常工作,子項包含在父項中,父項跨越瀏覽器的寬度。然而,當瀏覽器窗口比子元素寬度越小,則父元素不包含它爲什麼這個父元素沒有完全包含它的孩子?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
<style type="text/css">
#toolbar {
background-color:#cccccc;
padding:10px 0;
}
#nav {
background-color:#00cccc;
margin:0 auto;
width:1000px;
}
</style>
</head>
<body>
<div id="toolbar">
<div id="nav">NAVIGATION</div>
</div>
</body>
</html>
我可以通過浮置解決問題(在鉻20和Firefox 13測試)父母並給它100%的最低限度,但這似乎是錯誤的。我能做些什麼來解決這個問題?
我發佈了這個問題後,我做了一些閱讀,並意識到我對塊級元素工作原理的理解是錯誤的。 – michael 2012-07-11 10:32:22