Question

网页三列布局的问题（DIV+CSS）

通常我采用的是中间设置左右边距，左右绝对定位。
.left,.right{
position:absolute;
top:0px;
width:140px;
}
.left{left:0px;}
.right{right:0px;}
.center{
margin-left:140px;
margin-right:140px;
}

<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
<div class="bottom"></div>
但有个问题，页面最下面有一行，就是常见写Copyright © 2007 - 2009 ***.com Corporation, All Rights Reserved 的那一行。

当左或右的内容过多，高度超过中间的时候，由于是个浮动层，就会把最下面的那一行覆盖。

有人有解决的方法吗？？？

Answer 1

你这么写本身就是错误的。。。
<div class="all">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
<div style="clear:both"></div>
</div>
<div class="bottom"></div>

用 <div style="clear:both"></div> 清楚下浮动。。就好了。。

Answer 2

Dreamweaver CS4 里面有现成的。