子元素随着父元素一起滚动,导致绝对定位不生效的问题解决


如图所示,绿色子元素roles-permission 长度超过父元素isNormal, 所以设置父元素overflow: scroll; 

但是我的按钮子元素  handle-save-btn 需要固定在父元素isNormal底部,但是设置绝对定位之后会随着roles-permission 一起滚动,

如图2,

此时可以通过sticky 布局来解决,  只需要设置其 position sticky就行了;

参考阮一峰老师博文 查看sticky 布局 https://www.ruanyifeng.com/blog/2019/11/css-position.html

 

 

 

 

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM