DIV三栏布局哪种方式好?

方式一:

 <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>

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

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

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

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

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

方式一优点:
代码简洁明了
方式二缺点:
说了是三栏布局,不必先分两栏,在把一栏分两栏,多此一举

我不是做前端的, 但我不喜欢飘
你可以看看bootstrap