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

如图所示,绿色子元素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

 

 

 

 

 

 

 

 

posted @ 2021-11-18 11:18  大桥默默学  阅读(952)  评论(0编辑  收藏  举报