DIV三栏布局哪种方式好？

Question

方式一：

 <div style="float:left">
 </div>
 <div style="float:left">
 </div>
 <div style="float:left">
 </div>

方式二：

 <div style="float:left">
 </div>
 <div style="float:right">
    <div style="float:left">
    </div>
    <div style="float:right">
    </div>
 </div>

以上两种方式，哪种方式更好？
优缺点分别是什么？

Answer 1

我喜欢这样，增加一个父容器进行定位清浮动

 <div style="zoom:1;overflow:hidden">
方式一的布局
</div>

具体看你是否需要有js后续操作，如展开收缩其中一块，可以考虑用方式2，将操作部分和不需要操作的部分分离开来，减少js操作步骤

如果没有后续收缩之类操作可以用1，多简洁。