块元素、内嵌、浮动

1、块元素的特征
1>默认独占一行
2>没有宽度时默认撑满一行
3>支持所有的css命令
2、内嵌的特征
1>同排可以继续跟同类的标签
2>内容撑满宽高
3>不支持高度
4>不支持上下的margin
5>代码换行被解析
3、块元素和内嵌的转换
display:block显示为块元素（使内联元素具备块元素的特征）
display:inline显示为内联元素（使块元素具备内联元素的特征）
*display是将标签转换为页面中显示的类型，不会改变标签的本质
4、float
1>文档流：文档中可显示对象在同列时所占用的位置
2>浮动的定义：使元素脱离文档流，按指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来
3>float的特征
1-块在一排显示
2-内联支持宽高
3-默认内容撑开宽高
4-脱离文档流
5-提升层级半层
4>清除浮动
1-加宽高（扩展性不好）
2-给父级加浮动（页面中所以元素都加浮动，margin左右失效）
3-inline-block清浮动（margin左右auto失效）
4-空标签清浮动（ie6最小高度19px）
5-br清浮动（不符合工作中结构、样式、行为三者分离要求）
6-after伪类清浮动 after{
content:"###";
display:block;
clear:both;}
7-overflow：hidden清浮动（需配合宽高或者zoom兼容IE6、IE7)