* float:left|right|none|inherit *
- 浮动元素宽度默认宽度为内容宽度
- 脱离文档流
- 向指定方向一直移动
- float的元素在同一文档流
-
float元素半脱离文档流
说明:对元素,脱离文档流;对内容,在文档流。
eg.
屏幕快照 2016-07-21 下午7.33.30.png
clear清除浮动
- clear:both|left|right|none|inherit
- 应用于后续元素
-
应用于块级元素
使用方式:
- 空白元素
屏幕快照 2016-07-21 下午8.04.24.png
- clearfix
在浮动元素的父元素上使用clearfix清除浮动

两列布局

网友评论