div 滾動(dòng)條這個(gè)很多人還不知道,小飛來為大家解答以上的問題?，F(xiàn)在讓我們一起來看看吧！

1、（height和width根據(jù)需求設(shè)定）　　注意:如果只寫height就只有垂直滾動(dòng)條，只寫width就只有水平滾動(dòng)條,都不寫沒有效果。

2、還有這里overflow設(shè)置為auto,也就說是如果你的頁面高度大于300px就會(huì)出現(xiàn)滾動(dòng)條，小于300px就沒有滾動(dòng)條。

3、同理，如果寬度大于100px出現(xiàn)滾動(dòng)條，小于就沒有。

4、2、你也可以將overflow設(shè)置為scroll，即:。

5、這樣設(shè)定的效果為不管你的頁面高度大于還是小于300px,都會(huì)出現(xiàn)滾動(dòng)條，寬度同理。

6、3、也可以這樣設(shè)置水平滾動(dòng)條：垂直滾動(dòng)條：水平加垂直：擴(kuò)展資料 可定義文檔中的分區(qū)或節(jié)（division/section）。

7、 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。

8、它可以用作嚴(yán)格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。

9、如果用 id 或 class 來標(biāo)記 ，那么該標(biāo)簽的作用會(huì)變得更加有效。

10、注釋： 是一個(gè)塊級元素，也就是說，瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符。

11、提示：請使用 元素來組合塊級元素，這樣就可以使用樣式對它們進(jìn)行格式化。

12、參考資料：百度百科 divdiv加滾動(dòng)條的操作步驟如下：1.新建html文檔，如下圖紅框所示為一個(gè)空白新建的文檔；2.書寫hmtl代碼：在這里面鍵入你想要鍵入的內(nèi)容即可，如下圖紅框所示；3.書寫外層軌道css代碼，這里主要是設(shè)置外層軌道的形狀和顏色，根據(jù)想要設(shè)置的樣式進(jìn)行調(diào)節(jié)即可，示例代碼如下：body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外層軌道*/}?4.書寫內(nèi)層軌道css代碼，這里主要是設(shè)置內(nèi)層軌道的形狀和顏色，根據(jù)想要設(shè)置的樣式進(jìn)行調(diào)節(jié)即可，示例代碼如下：body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*內(nèi)層軌道*/}；5.在瀏覽器中預(yù)覽效果如下，滾動(dòng)條的樣式是可以通過上方代碼調(diào)整的，根據(jù)個(gè)人需求調(diào)整即可。

13、要想使用滾動(dòng)條，必須規(guī)定高度overflow-x:scroll;overflow-y:scroll自己好好看下別的地方有沒設(shè)置！~ 反正我的 div都是這么加 難道你的特殊？要想使用滾動(dòng)條，必須規(guī)定高度

今天的內(nèi)容分享完畢，希望對大家有所幫助。

標(biāo)簽：