Y

o

k

a

z

e

CSS笔记:父元素overflow将导致子元素position属性失效

Kaz
Tailwind
# CSS# Note

position: sticky等定位属性是相对于最近的滚动容器(scroll container)计算的。而当一个父元素设置了 overflow: hiddenoverflow: autooverflow: scroll时,它会创建一个新的块级格式化上下文(BFC),这会影响粘性定位的参考点。

<div :class="['overflow-hidden']">
    <!-- 这里子元素的定位将会失效! -->
    <div :class="['sticky top-4 left-0']" />
</div>

Copyright © 2025 KAZE. All rights reserved.