l   浮动float：| left | right | both |bottom 假设有块元素A、B、C。

1. A、B(浮动)、C  ---- 【B脱离标准流，A不是浮动，B位置不变，C的顶会贴上A的底、B覆盖与C重叠部分】
2.A、B(浮动)、C(浮动) ---- 【B、C脱离标准流，A不是浮动，B位置不变，C在B横向后边】
3.A(浮动)、B(浮动)、C(浮动) ---- 【A、B、C脱离标准流，B、C在A横向后边】

l   清除浮动clear : none（允许两边都可以有浮动对象） | left | right | both

1.A(clear : right)、B --- 【B还是在A的横向后边】
2.A、B（clear : left）----【B换行，在A下边】
 总结：清除浮动只能影响使用清除的元素本身，不能影响其他元素。
参考：https://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

l   css常见单位

1.     px像素 绝对单位
2.     em父元素font-size大小通常1em=16px（不建议使用）
3.     rem根元素（html）的 font-size大小通常1rem=16px（使用时可以设置HTML{font-size:625%;}1rem=100px，（弃用font-size:62.5%;1rem=10px谷歌浏览器要求最小字体12px））
4.     %基于父元素，多列布局使用
5.     vw视窗宽度1vw=视窗宽度的1%
6.     vh视窗高度，1vh=视窗高度的1%