Question

用CSS+DIV实现四列式分栏

用CSS+DIV实现四列式分栏，左侧270px宽固定，剩下的右侧平均分三块。兼容性IE8以上。成功送高分

Answer 1

给四列的父标签设置display:box;这个是css3的属性，目前支持不是很好，所以需要用到浏览器独有的标识，如:display:-webkit-box；需要哪些浏览器支持可以百度下。然后需要给这四列设置box-flex:1;这个跟前面的属性一样，需要添加浏览器独有的标志。也可以给一列设置一个固定值，另外的设置box-flex:1也可以平均分布。如果不懂可以查看css3属性，或者继续提问

Answer 2

<style type="text/css">

.container { width:1100px; margin:0 auto; }
.leftside { width:270px; float:left; }
.rightside { width:820px;float:right; }
.left{ float:left; width:33%;}
</style>

<div class="container">
<div class="leftside">0</div>
<div class="rightside">
<div class="left" style="background-color:#999;">1</div>
<div class="left" style="background-color:#666;">2</div>
<div class="left" style="background-color:#333;">3</div>
</div>
</div>

Answer 3

直接都float left不可以么？宽度设置下