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