1、今天在調試程序時犯了一個低級錯誤,就是有關頁面內容出現滾動條的用法:
(1)剛開始在Body用了Overflow:hidden這個屬性溢出元素時,隱藏,這種情況下是不會自動出現滾動條的
(2)然后加了overflow:scroll;該屬性雖然也顯示滾動條,但是該滾動條只有元素溢出時滾動條才會滾動
(3)而當元素的高度小於滾動條的高度時,滾動條只有一道邊不滾動,這種滾動不好。
(4)還有一種方法就是直接設成overflow:auto; 用這種方法只有當內容溢出時,才會出現滾動條。
法1:Overflow:Hidden;Overflow-y:scroll; 這種方法需要設高度,不建議采用這種方法,該屬性雖然也顯示滾動條,但是該滾動條只有元素溢出時滾動條才會滾動,而當元素的高度小於滾動條的高度時,滾動條只有一道邊不滾動,這種滾動不好。
法2:overflow:auto;
需要注意的是:法2不用設高度,當內容溢出時,會自動出現滾動條;