常见网页元素模式：
a.标准流：即标签按照默认规则显示
b.浮动：调控盒子位置
c.固定
注意：网页通常由这三种布局共同作用。
网页布局第一准则：多个块级元素纵向排列用标准流，横向排列用浮动
浮动语法：
浮动特性
a.浮动元素会脱离标准流（脱标）
b.浮动的盒子不再保留原来的位置
c.浮动的盒子会在一行显示，当行距不足时会自动换行，并且盒子是沿顶部对齐
d.浮动的元素会有行内块的特性
浮动注意点：
1.浮动和标准流的父子元素搭配
2.一个元素浮动了，理论上其他的同级元素也要浮动。
3.若只有一个元素浮动，而其他同级元素不浮动，则浮动元素只会影响此元素同级的下面的标准流，而不影响上面的标准流
清除浮动
为什么要清除浮动：在实际中，因为孩子的数量不确定，因此无法确定父元素的高度，此时我们对父元素常常不设置高度，让孩子去撑开父亲，此时就要清除浮动造成的影响。
清除浮动的本质
1.清除浮动的本质就是清除浮动造成的影响
2.如果父盒子有高度则不需要清除浮动
3.清除浮动后，父级就会根据浮动的子盒子自动检测高度，父级有了高度就不会影响标准流了
清除浮动的语法
在实际开发中常常使用both.
清除浮动的策略可以理解为闭合浮动，因此引出以下清除浮动的方法：
1.额外标签法，也称隔墙法，但添加的标签不能是行内元素
2.父级元素添加overflow属性，属性值为hidden、scroll或auto
3.父级添加伪类元素
实现：
4.父级添加双伪类元素
实现：
