无法弄清楚什么是错我的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/