方式一:
<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