最近在使用CSS遮罩層的時候發現了一個問題:當內容超出遮罩層的高度時,遮罩層并沒有出現滾動條。這讓我很疑惑,因為按照我以前的經驗,當內容高度超過容器高度時,應該出現滾動條才對。
經過一番查閱資料和實驗,我終于找到了問題所在:我在CSS中設置了overflow:hidden
屬性,這個屬性在遮罩層中會讓超出部分被隱藏,但并不會出現滾動條。如果要讓遮罩層出現滾動條,需要修改為overflow:auto
,這樣在需要滾動時就會出現滾動條,而不需要滾動時則不會出現。
/*錯誤的設置*/ .mask { height: 200px; overflow: hidden; } /*正確的設置*/ .mask { height: 200px; overflow: auto; }
總之,如果在使用CSS遮罩層時遇到了沒有滾動條的情況,可以檢查一下overflow
屬性是否設置正確。