简单的2列div布局

Question

我正在尝试使用divhtml中的浮动创建一个非常简单的2列布局.问题是,下面div,foot总是被渲染到右侧的right股利.我知道我应该在clear某处使用声明,但我不确定哪个是正确的位置.

另外,正如你在左边看到的那样,我明确指出了它的高度left.有没有办法将力设置right为相同的高度而不再指定它？

<div id="main">
    <div id="left" style="float: left; width: 150px; background: #DDDDDD; height: 500px;"> 
        left column
    </div>

    <div id="right" style="float: left; background: #EEEEEE;">
        right column
    </div>
</div>

<div id="foot">
    footer
</div>

Answer 1

clear:both在footdiv 上使用.

关于第二个问题,你可以设置mainDIV具有特定高度,然后设置的高度left和right100%.