我正在使用div的html构建一个简单的2列布局
问题是我无法使正确的列具有与左侧相同的高度.
<div id="container">
<div id="left" style="float: left; width: 200px; background: #DDFFDD;">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<div id="right" style="float: left; width: 600px; background: #DDDDFF">
<p>main</p>
</div>
</div>
如您所见,右列与左侧列的高度不匹配.我希望他们是平等的
解决方法
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
这个网站有一个非常好的解释,我发现很难平等或顶尖.
祝你好运！