頁面如何自動出現滾動條(overflow屬性用法)


1、今天在調試程序時犯了一個低級錯誤,就是有關頁面內容出現滾動條的用法:

(1)剛開始在Body用了Overflow:hidden這個屬性溢出元素時,隱藏,這種情況下是不會自動出現滾動條的

(2)然后加了overflow:scroll;該屬性雖然也顯示滾動條,但是該滾動條只有元素溢出時滾動條才會滾動

(3)而當元素的高度小於滾動條的高度時,滾動條只有一道邊不滾動,這種滾動不好。

(4)還有一種方法就是直接設成overflow:auto;  用這種方法只有當內容溢出時,才會出現滾動條。

法1:Overflow:Hidden;Overflow-y:scroll; 這種方法需要設高度,不建議采用這種方法,該屬性雖然也顯示滾動條,但是該滾動條只有元素溢出時滾動條才會滾動,而當元素的高度小於滾動條的高度時,滾動條只有一道邊不滾動,這種滾動不好。

法2:overflow:auto;

需要注意的是:法2不用設高度,當內容溢出時,會自動出現滾動條;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM