浮动：

float:left / right

1、设置浮动会让某个元素脱离文档标准流，后面的元素会移动占据它原来的位置

2、浮动元素会向左或向右移动到它的外边缘碰到 包含框 或另一个 浮动框 时

3、浮动的位置：

如果B是浮动的元素，当它的上一个元素A不是浮动的，则浮在A的下面，相对垂直位置不会改变，即B的顶部与A的底部对齐

    当它的上一个元素A是浮动的，则跟在A的后边，如果一行放不下，则B会被挤到向下移动，再向左或向右浮动，直到有足够的空间时（有可能碰到其他浮动元素边框，被卡住）

*：只跟上一个元素有关！！！

---

 

清除浮动：

clear:

none: 默认值，允许两边有浮动元素

left: 不允许左边有浮动元素

right: 不允许右边有浮动元素

both: 两边都不允许有浮动元素

1、这个规则只能影响使用这个规则的元素本身

例：div1、div2都被设置为浮动，对div2使用 clear:left 表示不允许div2左边有浮动元素（而不是对div1使用 clear:right; ）