CSS采坑

1.在设置div里图片宽度自适应，div与图片高度一致时，会出现div比img多一点的情况。这是因为img是inline-block，只要在img里设置display：block就可以

2.margin top和padding top的百分比是相对于父级块级元素的width

正常流中的大多数元素都会足够高以包含其后代元素（包括外边距），如果一个元素的上下外边距时父元素的height的百分数，就可能导致一个无限循环，父元素的height会增加，以适应后代元素上下外边距的增加，而相应的，上下外边距因为父元素height的增加也会增加，如果循环

3.移动端适配

方法一：html的font-size设置为calc(100vw / 3.75)。其他长度用rem为单位

4.设置背景透明度但不影响里面的文字

使用rgba方法：background-color:rgba(245,245,245,0.5)

5.点击穿透

当需要点击透明弹框底下的元素，而不需要触发弹框上的点击事件时，使用css

pointer-events:none

6.匿名框

不能被css selector选中

在块级框中，如果含有块级框，以及含有直接的text，那么这些text会被匿名块级框包围；
在块级框中，如果只含有行内框，以及含有直接的text，那么这些text会被匿名行内框包围；

在行内框中，如果含有块级框，那么这个行内框会被块级框截断，并且块级框前后的text会被匿名行内框包围

7.-webkit-overflow-scrolling