clear: both;
- 浮动末尾添加新标签,设置样式为clear:both
- 浮动末尾添加
标签 - 使用::after伪元素
构造BFC
构造BFC的方法
- float设置为非none值
- overflow设置为非visible
- display设置为table-cell,table-caption,inline-block
- position设置为absolute或fixed
IE6/7下没有BFC的概念,但有类似BFC的 has layout
has layout的方法
- 有些元素本身就 has layout
- 没有 has layout 的元素
- position:absolute
- float不为none
- display:inline-block
- height:除auto外任意值
- width:除auto外任意值
- zoom:除normal外任意值
- overflow非visible(仅限IE7)