如何实现这样的网页布局

Question

这么一个页面布局,中间left和right两个区域都是没有设置高度, 根据内容的多少自动增长,  
为了布局的美观,最后短的哪个区域自动将边框变成长的那个区域的高度,怎么实现?
| ----------------------------------------------------|    
|_____________________________________________________||---------------|  |-----------------------------------|
|                       |  |                                                    |
|                       |  |                                                    |
|                       |  |                                                    |
|                       |  |                                                    |
|                       |  |                                                    |
|                       |  |                                                    |
|                       |  |                                                    |
|_______________|  |____________________________________|| ----------------------------------------------------|
|_____________________________________________________|

Answer 1

很简单的啊。CSS浮动
<div id=""></div>
<div>
<div id="l></div>
<div id="r></div>
<p style="clear:both"></p>
</div>
<div id="footer"></div>
=======
在CSS中设置#l,#r分别左浮动和右浮动，宽度值分别设定为20%,75%,中间空5%

Answer 2

对，float即可，当然，你也可以选择定位的方法来解决

Answer 3

对，float即可，当然，你也可以选择定位的方法来解决

Answer 4

楼主可以参见另外一种的960grid系统：http://www.jslab.org.cn/?tag=NineSixty