CSS中position: sticky与overflow发生冲突如何解决
今天遇到一个css的问题:之前通过sticky设置的吸顶效果突然不见了,经过一番查证后发现这是因为在其父布局中添加了overflow属性导致sticky失效了。接下来,我们来了解一下sticky的设置、失效原因以及如何解决sticky失效。
今天遇到一个css的问题:之前通过sticky设置的吸顶效果突然不见了,经过一番查证后发现这是因为在其父布局中添加了overflow属性导致sticky失效了。接下来,我们来了解一下sticky的设置、失效原因以及如何解决sticky失效。
当我们布局页面的时候,若是没有设置父布局的宽高,父布局的宽高则是根据子布局计算而来,由子布局撑起来,若是这个时候,我们给子元素设置为浮动布局(float浮动),浮动元素脱离文档流后就会导致父元素出现高度塌陷的问题。