子元素隨着父元素一起滾動,導致絕對定位不生效的問題解決


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