html當中div如何自適應(yīng)增加滾動條的具體方法

學習NO.1

今天道勤小編給一個來自馬爾代夫的朋友回答了關(guān)于html當中滾動條的一個問題，順便把解決的方法告訴大家，是一個如果讓div自適應(yīng)屏幕增加滾動條的方法。

打開dw，新建一個html頁面，進入html頁面編輯。

這是新建好以后的html代碼，在代碼的body中間編寫一個div層。

將這個新建好的html頁面跟編寫好的div利用快捷鍵“ctrl+s”另保存到我們知道的目錄下，隨便命名，這里小編命名為“ceshi.html”然后保存這個頁面。

我們點擊dw的文件按鈕，在彈出的下拉框中，我們選擇“新建”。

在新建的窗口中，我們找到“css”這一欄，點擊“css”新建一個css樣式。

剛剛寫好的代碼中，class=“pingmu”所以，我們寫樣式用".pingmu{}"開始寫，給它固定寬高，再添加背景色，讓div自適應(yīng)寬高，超過部分顯示滾動條。

將這個css樣式保存到同級目錄下，如ceshi.html在c盤，css樣式也保存在c盤。

保存以后，我們引入這個css樣式，使用外部鏈接，把剛才寫好的css樣式引入。

保存好樣式后，雙擊這個ceshi.html頁面，用瀏覽器打開后看到100像素寬高的黑塊。

測試超過div有滾動條
我們編寫另一個超過原來div大小的div，class命名為content。

為其編寫的樣式是寬高是150像素的，這樣這個content的div就超過了原來的div，再添加上背景色。

保存樣式跟頁面后，雙擊ceshi.html頁面，可以看到右邊跟底部都多了滾動條，超過的部分可以利用滾動條拖動。



html當中關(guān)于滾動條的設(shè)置-讓div內(nèi)容超出后自動顯示滾動條
http://bmrsportswear.com/thread-4462-1-1.html

---

道勤主機提供365天*24小時全年全天無休、實時在線、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機過程中所遇到的一切問題! 如果您是道勤主機用戶，那么您可以通過QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信：q792472177免費電話、后臺提交工單這些方式聯(lián)系道勤主機客服！ 如果您不是我們的客戶也沒問題，點擊頁面最右邊的企業(yè)QQ在線咨詢圖標聯(lián)系我們并購買后，我們?yōu)槟�免費進行無縫搬家服務(wù)，讓您享受網(wǎng)站零訪問延遲的遷移到道勤主機的服務(wù)！

學習NO.1

興隆 發(fā)表于 2018-6-26 19:16
真是難得給力的帖子啊。

http://www.hunterbj.com/Article/nm.html

看到這帖子真是高興！非常感謝道勤的老師，太感謝了