無法弄清楚什麼是錯我的CSS

Question

只是有一個小的CSS問題...

我有這一切都包含在wrappe內的專區內幾個div，

即

<div wrapper> 
<div bodyWrapper> 
    <div bodyLeft></div> 
      <div bodyRight></div> 

</div> 
</div> 

這不是所有的代碼，它們之間還有額外的空間，但問題在於CSS。我將包裝的主要背景設置爲黑色，其餘部分設置爲白色。身體（左邊&右）標籤都呈現白色，但身體貼紙標籤看起來沒有效果，所以如果身體標籤下面有黑色空間，則它們沒有相同的長度。有什麼我可以做的分類嗎？

這裏是CSS代碼

#wrapper #bodywrapper { 
border: 20px solid #000; 
background-color: #FFF; 
margin: 0px; 
padding: 0px; 
height: auto; 
width:auto; 
} 

    #wrapper #bodywrapper #bodyleft { 
margin: 0px; 
height: auto !important; 
width: 630px; 
float: left; 
background-color: #FFF; 
padding-top: 40px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 20px; 
overflow: hidden; 
} 


#wrapper #bodywrapper #bodyright { 
margin: 0px; 
float: right; 
height: auto; 
width: 280px; 
background-color: #FFF; 
padding-top: 40px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
color: #FFF; 
background-image: none; 
} 

Answer 1

仿列的工作，但如果你是一個純CSS方法之後，你可以嘗試從WWW等高列.ejeliot.com

http://jsfiddle.net/spacebeers/s8uLG/3/

你設置你的容器了溢出設置爲隱藏，然後在每一個DIV加負邊際底部和相等的正底部填充。

#container { overflow: hidden; } 
#container div { float: left; background: #ccc; width: 200px; margin-bottom: -2000px; padding-bottom: 2000px; } 
#container .col2 { background: #eee; } 

<div id="container"> 
    <div> 
     <p>Content 1</p> 
    </div> 
    <div class="col2"> 
     <p>Content 2</p> 
     <p>Content 2</p> 
     <p>Content 2</p> 
     <p>Content 2</p> 
    </div> 
</div> 

Answer 2

這可能會幫助，仿列：http://www.alistapart.com/articles/fauxcolumns/