float（浮动）

CSS里浮动float是个概念比较暧昧的属性，撸主最早对浮动float的认识是基于布局的；

认为float元素就是用于：“让block元素无视float元素，让inline元素让流水一样围绕着float元素”来实现浮动布局

float属性介绍：

1.left ：元素向左浮动。

2. right ：元素向右浮动。

3. none ：默认值。

4.inherit ：从父元素继承float属性。

浮动能设定为左浮和右浮，但display:inline-block都是从左到右排列的。

还有些细微差别，两个display:inline-block间会有空隙，但两个float间没有。

float具有欺骗性需要注意：

浮动并不是让元素的高度塌陷了，而是让元素具有高度塌陷的欺骗性。

元素自身还是有高度的。

清除浮动:

个相对比较简单了。用clear即可。

稍微要注意的是，clear是仅作用于当前元素，例如元素A是浮动元素，靠左显示。

元素B是block元素紧跟在A后面。

此时要清除浮动，是在B上设clear:left。

你在A上设clear:right是没有用的，因为A的右边没有浮动元素。