CSS常见问题

1. 相邻块级元素垂直外边距合并
   推荐方案：其中一个设置为display: inline-block(inline-xxxx)
   其他方案：其一设为绝对定位position： absolute,
   其他方案2： 父元素设为flex
2. sticky – position定位属性sticky值之粘性定位
   可以说是相对定位relative和固定定位fixed的结合；
   它主要用在对scroll事件的监听上，简单说在滑动过程中，某个元素的距离其父元素的距离达到 sticky 粘性定位 要求时；
   position:sticky 这时的效果就相对于 fixed 定位，固定到适当的位置。
   使用条件：
   1. 父元素不能设置 overflow:hidden; 或者 overflow:auto; 属性；
   2. 必须制定 top、bottom 、left 、 right 4个值之一，否则只会处于相对定位；
   3. 父元素的高度不能低于sticky 元素的高度；
   4. sticky 元素仅在其父元素内生效；
3. 幽灵空间是什么引起的
   连续的多个行内元素之间会有空白间隔，是因为浏览器的默认行为是把inline元素间的空白字符（空格换行tab）渲染成一个空格
   推荐方案：父元素font-size：0，行内元素单独设置
   其他方案：不要换行写
4. 穿透deep与less sass
   穿透样式不能写在树状结构内，否则不生效
   class1 {
   class2

}