我正在使用 div
构建一个简单的双列 HTML 布局。
问题在于,我无法使 right
列的高度与 left
列相同。
<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>
您可以看到右侧列的高度与左侧列不匹配。我希望它们能够相等。
编辑:我们无法知道高度,因为列内的内容将是动态的。而且,left
或 main
中的内容可能是最大高度。