display：
1.inline 同行显示，当一行显示不下、多余的就会换行显示，
不支持的css样式：不支持宽高，不支持行高（行高会映射给父级） 不支持margin上下，content由 文本内容撑开
2.inline-block：同行显示，当一行显示不下，标签会作为一个整体换行显示
overflow：
1.定义：处理内容超出盒子显示的区域
overflow：auto：自适应，内容如果超出显示，会出现滚动条，不超出则不显示滚动条
overflow:hidden：隐藏超出盒子显示范围的内容
overflow:scroll：一直采用滚动方式显示
float：浮动布局 ，改变BFC的参照方位
为何使用：使用它，块级盒子就会同行显示
如何使用：
float：left/right （左/右 浮动）
left：BFC参照方向从左向右
right：BFC参照方向从右向左
清浮动目的：让父级（有浮动的子级）获得一个合适的高度
浮动的问题：浮动的子级，默认不会获取父级的宽度，也不会撑开父级的高度
清浮动操作以后（清浮动针对的是父级）：父级在清浮动以后，可以重新被子级撑开高度
注意：当父级没有下兄弟标签（不影响上兄弟），可以不做清浮动操作。但是清浮动一般每次在浮动后都会处理的。
清浮动的四种方式：
1.设置父级的死高度（就是设置一个有效的高度值）
2.通过父级的兄弟设置clear:both
3.设置父级overflow 属性
例：.sub{overfolw:hidden;} overflow:hidden：隐藏超出盒子显示范围的内容
4.通过父级：after
. after{
content: '';
display: block;
clear: both;}
