集裝箱邊境只有包報頭和導航，而不是整個容器

Question

的jsfiddle：http://jsfiddle.net/Joshi3s/2gMWf/1/

我試圖總結整個容器中1px的固體邊界...但它只是周圍的頭和導航包。

我覺得像一個浮點數是一個問題，但我不知道。

任何人都可以幫助我理解我需要以不同方式做什麼嗎？任何其他批評也是受歡迎的。

P.S.我正在學習並嘗試將.PSD轉換爲HTML，並在互聯網上找到了相關教程。這是我找到的。

Answer 1

添加overflow: hidden您#container的定義：

#container { 
    width: 1000px; 
    margin: 0 auto; 
    border: 1px solid black; 
    overflow: hidden; 
} 

浮動元素從塊級元素的頁面上的正常流量，從而去除並添加溢出屬性使得母公司的高度包括兒童好像它們沒有漂浮。

Answer 2

你只是忘了清除你的浮動。在容器div的末尾放置一個像<div style="clear: both;"></div> 的div。

它的工作原理後，您可以創建一個名爲清楚這樣的類並用它來清除浮游關於教程彩車

.clear {clear: both;} 

研究，你會使用很多。