爲什麼這些div不在我的身體？

Question

我想圍繞我的整個網頁的邊框。

我已經創建了一個包含多個div標籤的正文的佈局。我添加了CSS，我認爲它會在所有內容周圍添加邊框。不幸的是，我的佈局中的最後兩個div出於某種原因被放置在邊界之外。

這是我使用對身體的CSS：

body 
    { 
     position:relative; 
     top:5px; 
     width:1024px; 
     background-color: #f7f7f7; 
     padding: 5px; 
     border:1px solid #151515; 
     margin:auto; 
     font-family:Calibri; 
    } 

我懷疑的原因邊框不顯示，我想沒有任何與此CSS。你可以在這裏查看網站，如果你想看到完整的CSS/HTML：http://sprocket-tools.com/

我不會膨脹這篇文章，包括詳細的HTML/CSS。如果您需要關於HTML/CSS方面的更多詳細信息，請訪問該鏈接。

Answer 1

您已經浮動了您的DIV，導致父元素崩潰。你需要在它們下面清除一個元素，強制父元素不這樣做。

<div style="height:0px; clear:both;"></div> 

把那個放在你的</body>以上。應該這樣做。

看到這個：http://css-tricks.com/all-about-floats/開始的部分，「大崩潰」