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的作用
- 清楚内部浮动
- 垂直外边距合并