无法找出我的css有什么问题

只是有一个小小的css问题

我在一个div中有几个div都包含在一个wrappe中

即

---

这可能会有帮助，人造列：

人造列可以工作，但如果您使用纯CSS方法，您可以从www.ejeliot.com尝试等高列

将容器的溢出设置为隐藏，然后在每个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>

#容器{溢出：隐藏；}
#容器分区{浮动：左；背景：#ccc；宽度：200px；边距底部：-2000px；填充底部：2000px；}
#container.col2{背景：#eee；}
内容1

内容2

内容2

内容2

内容2

不用担心。那么你能接受这个答案吗？谢谢

   #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;
} 

#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>