CSS的float和填充

這是HTML佈局：CSS的float和填充

 <div class="wrap"> 
      <div id="container"> 
       <div id="left">...</div> 
       <div id="right">...</div> 
      </div> 
     </div>

我用float: left向左DIV，並float: right向右股利。然後，我用容器padding-top: 10px。爲什麼它不起作用？謝謝。

這是我的第一個樣式：

.wrap { 
    float: left; 
    width: 1000px 
} 

#container{ 
    background-color: #FFFFFF; 
    padding: 10px 10px 0; 
    width: 980px; 
    float: left; 
} 

#left { 
    float: left; 
    width: 670px; 
} 

#right { 
    float: right; 
    width: 300px; 
}

Example here。

來源

2011-02-16 runeveryday

您確定結束標記爲？ – teuneboon 2011-02-16 07:33:56

你可以使用像http://jsfiddle.net這樣的網站創建一個示例嗎？另外，結尾'`標籤錯別字還是在你的代碼？因爲不正確地關閉你的div標籤可能會導致你的問題。 – nybbler 2011-02-16 07:34:52

我很抱歉，我犯了一個錯字。 – runeveryday 2011-02-16 07:37:21