浮动

一、标准文档流：
1.指元素根据块级元素或行内元素的特性按从上到下，从左到右的方式自然排列，默认的排序方式。
二、块级元素：
div,p,列表：宽度默认为浏览器的宽度，可以单独设置宽和高
三、行内元素：
span,a,img:宽度默认为内容的宽度，不可以单独设置宽和高
重点：1.行内元素转换为块级元素：display:block;
2.块级元素转换为行内元素：display:inline;
3.将两个元素从左到右排列：display:inline-block;
四、display的特性：
1.可以将行内元素转换为块级元素，反之也可以。
2.既可以显示行内元素的特性，也可以显示块级元素的特性。
3.设置元素的隐藏
五、浮动：
1.left:元素左浮动
2.right:元素右浮动
3.none:元素不浮动，默认值。
六、解决父元素塌陷问题：
1.设置父元素的高（不推荐使用）
2.在父元素中新加一个空的div，设置该div清除浮动。
3.设置父元素的overflow属性。
visible:默认值，内容不会被修剪，会呈现在盒子外
hidden:内容会被修剪，并且其余内容是不可见的
scorll:内容会被修剪，但是有滚动条
auto:如果内容内容被修剪，则浏览器会显示滚动条以便查看其余的内容