HTML5高级

块元素的特征：

1、在没有设置宽度的时候，默认撑满一行

2、默认块元素独占一行

3、支持所有CSS命令

内联元素的特征：

1、宽高由内容撑开

2、不支持宽高

3、一行可以显示继续跟同类的标签

4、不支持上下的margin

5、代码换行被解析

Inline-block的特点：

1、 块在一行显示

2、行内属性标签支持宽高

3、没有宽度的时候内容撑开宽度

float/文档流

float：left/right/none/inherit;

文档流是文档中可显示对象在排列时所占用的位置。

浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。

Float的特征：

1、块在一排显示

2、内联支持宽高

3、默认内容撑开宽度

4、脱离文档流

5、提升层级半级

清除浮动：

clear:left/right/none/inherit;元素的某个方向上不能有浮动元素

clear:both;在左右两侧均不允许浮动元素