CSS3新特性

1.sticky粘性元素

在表格离开窗口之前，表头可以一直fixed悬浮在表格最顶上，这杯称为粘性元素设计

2.inline元素

设置padding-left，padding-right，margin-left，margin-right是有效的，设置上下边距都是没有效果的

3.BFC

原理

• 块级格式化上下文，是一种布局方式，盒子所在的块级元素垂直排列，水平方向上撑满整个宽度
• 两个相邻BFC之间的距离由margin决定
• 在同一个BFC内部，两个垂直方向相邻的块级元素的margin会发生塌陷
• 解决垂直外边距合并的解决为，给这两个盒子也创建BFC

创建BFC

• float不为none
• overflow不为visible
• position为absolute或fixed
• display为inline-block，table-cell，table-caption

BFC的作用

• 清楚内部浮动
• 垂直外边距合并