浮动——————————————————
代码：float。 作用：图文环绕，网页布局。
属性名：left左浮动，right右浮动。
浮动元素会脱离标准流，不占位置后，普通标准流的元素会补上他的位置。同时比标准流的元素层级更高。浮动元素会在浮动元素的左右浮动。浮动移动不会超出父元素的范围。
float让元素脱标后inlin行内元素也可以设置大小，一行也可以显示多个。
margin: 0 auto可以让盒子水平居中。list style：none
块元素只会占满父元素的一行。
清楚浮动：代表清除浮动带来的影响。
方法一：给父元素设置宽和高。方法二：额外标签法，加一个块级元素标签，css内容是{clear：both}。方法三：单伪元素清除法：用伪元素清除额外标签。常用写法clearfix：：after{ content：‘.’; display: block; clear:both; },,,,,,,,,,,,,,,补充写法clearfix：：after{ content：‘.’; display: block; clear:both; height: 0; visibility: hidden }, 方法四:双伪元素清除法,同时能用于解决margin的塌陷现象。写法：
.clearfix::before,
.clearfix::after {
content:''
display: table;
}
.clearfix::after {
clear:both}
方法5：给父元素css设置overflow：hidden，缺点明显，有些重要内容可能会被省略。
