问题是我无法使正确的列具有与左侧相同的高度.

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

如您所见,右列与左侧列的高度不匹配.我希望他们是平等的

编辑：我们不知道高度,因为列内的内容将是动态的.并且左侧或主侧的内容可以是最大高度.