经典布局之圣杯布局 —— 左右定宽,中间流式
<div class="con"> <div class="main"></div> <div class="left"></div> <div class="right"></div> </div>
.con{ padding-left:200px;//设为.left的宽度 padding-right:150px;//设为.right的宽度 } .main{ width:100%; float:left; } .left{ width:200px; float:left; margin-left:-100%; right:200px; } .right{ width:150px; float:left; margin-left:-150px; }
需要修改IE6下的bug,margin负值会在IE6下失效
*html .left{ left:150px; }
个人能力有限(* *),欢迎指正、交流。