給div新增滾動條

2021-09-01 02:52:57 字數 603 閱讀 5596

最簡單的方法:

(height和width根據需求設定)

注意:如果只寫height就只有垂直滾動條,只寫width就只有水平滾動條,都不寫沒有效果。還有這裡overflow設定為auto,也就說是如果你的頁面高度大於300px就會出現滾動條,小於300px就沒有滾動條。同理,如果寬度大於100px出現滾動條,小於就沒有。

你也可以將overflow設定為scroll,即:。這樣設定的效果為

不管你的頁面高度大於還是小於300px,都會出現滾動條,寬度同理。

也可以這樣設定:

水平滾動條:

垂直滾動條:

水平加垂直:

給div新增滾動條

使用方法 引數說明 1 overflow y 設定當物件的內容超過其指定高度時如何管理內容 overflow x 設定當物件的內容 超過其指定寬度時如何管理內容。引數 visible 擴大面積以顯示所有內容 auto 僅當內容超出限定值時新增滾動條 hidden 總是隱藏滾動條 scroll 總是顯...

給div新增滾動條

最簡單的方法 height和width根據需求設定 注意 如果只寫height就只有垂直滾動條,只寫width就只有水平滾動條,都不寫沒有效果。還有這裡overflow設定為auto,也就說是如果你的頁面高度大於300px就會出現滾動條,小於300px就沒有滾動條。同理,如果寬度大於100px出現滾...

div 給div加滾動條 div的滾動條設定

今天做了個例子 div 的滾動條問題 兩種方法 一 記住寬和高一定要設定噢,否則不成的 不過在不超出時,會有下面的滾動條,所以不是最好的選擇二 記住寬和高一定要設定噢,否則不成的 這樣比較好的是,在寬和高不超出時,只是一條線 三 說明 直接為div指定overflow屬性為auto即可,但是必須指定...