三列布局一般情况下是指三列中左边两列是确定的宽度,右边一列是自动填满剩余所有空间的一种布局效果
实现方式:float + margin float + overflow display属性的table相关值使用
下面是其中的一种方法
<div class="left"></div> <div class="center"></div> <div class="right"></div>
.left,.right,.center{ height:300px; } .left{ width:400px; background:#c9394a; float:left; } .center{ width:400px; background:green; float:left; } .right{ background:#ccc; margin-left: 800px; }
Believe in yourself