1、在包裹內(nèi)容的div加上這兩個屬性overflow hiddenoverflo auto那么這個div內(nèi)的內(nèi)容超過就好橫向出現(xiàn)滾動條，還得給這個div一個寬度。

2、1lt！div比table大小要小才會顯示2ltdiv style=quotoverflo auto overflowy auto height 100px width200pxquot3 lttable id=quottablequot border=quot1quot align=quotcenterquot width=quot300pxquot height=quot200；DIV值添加縱向以及橫向滾動條可以參考下面的代碼overfloscroll是橫的 overflowyscroll是豎的 overflowscroll橫豎 overflowhidden橫豎都沒有 ltdiv 是一個塊級元素，這意味著它的內(nèi)容自動地開始一個新行，實際上；同樣在這里，overflow設(shè)置為auto，也就是說如果你的頁面高度大于300px，就會有滾動條如果小于300像素，就不會有滾動條同樣，如果寬度大于100px，則出現(xiàn)滾動條如果寬度小于100像素，則沒有滾動條2也可以設(shè)置溢出滾動。

3、div有很多滾動條樣式，如果只要垂直的話，參考如下css寫法ltDIV style=quotOVERFLOWY auto OVERFLOhiddenltDIVjs寫法x=quothiddenquotDIV是層疊樣式表中的定位技術(shù)，全稱DIVision，即為劃分；在頁面中，常常要將一些內(nèi)容以滾動的形式來展示，下面我們就來看看css如何設(shè)置滾動條首先讓我們創(chuàng)建一個HTML文件，如圖所示讓我們通過記事本來編輯，書寫上一個HTML的整體結(jié)構(gòu)，如圖所示書寫一個div模塊，如圖所示接著；overflowy auto，并且限制高度實現(xiàn)功能實例演示如下1Html代碼如下一個簡單的div，暫時內(nèi)容為空css樣式如下此時頁面展示如下2在第一步div加入一些文字，如下此時頁面展示如下已自動展現(xiàn)滾動條。

4、1首先需要新建一個HTML文檔，這里設(shè)立一下基本的架構(gòu)2再新建一個CSS文件，用link關(guān)聯(lián)一下HTML文檔3創(chuàng)建DIV標(biāo)簽，并且往里面填充內(nèi)容4先設(shè)定一下滾動條內(nèi)框的大小6overflowyscrolloverfloscroll；6寫樣式用quotpingmuquot開始寫，給它固定寬高，再添加背景色，讓div自適應(yīng)寬高，超過部分顯示滾動條7將這個css樣式保存到同級目錄下，如ceshihtml在c盤，css樣式也保存在c盤8保存好樣式后，雙擊這個；并在DIV盒子里添加演示文字內(nèi)容，第二個盒子設(shè)置相同的CSS樣式，盒子文字內(nèi)容相同，并設(shè)置橫向和縱向滾動條，觀察效果第一個盒子CSS命名為“divcs5a”，第二個DIV盒子樣式選擇器命名為“divcss5b”1具體完整html源；1在html中定義好一個dom標(biāo)簽，可以是body或者div等等2給dom元素設(shè)置相應(yīng)的寬度，可以用style中的width3再給dom元素設(shè)置overflow屬性，水平滾動條就是overfloscroll這樣當(dāng)元素中的內(nèi)容超出設(shè)置的寬度時就會出現(xiàn)；為標(biāo)簽設(shè)置overflow屬性，屬性值設(shè)置為auto 當(dāng)overflow屬性設(shè)置為auto時，內(nèi)容超出標(biāo)簽區(qū)域時會顯示滾動條，內(nèi)容少于標(biāo)簽區(qū)域時則不會顯示 overflow auto；1新建一個html文件，命名為testhtml2在testhtml文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個模塊，用于測試3在testhtml文件內(nèi)，給div添加一個class屬性，用于設(shè)置其樣式4在css標(biāo)簽內(nèi)，通過class設(shè)置div的樣式，定義其寬度。

5、解決方法如下1，把body標(biāo)簽的樣式滾動條禁用2，div標(biāo)簽的樣式滾動條啟用lthtmlltheadltstylebody overflowhiddentest width100px height100px overflowautoltstyleltheadlt；在css設(shè)置可改變大小的div滾動條樣式方法1首先新建html文檔，進(jìn)入代碼書寫界面2在lthead和ltbody的里面寫入代碼，在ltdiv里面寫入想要輸入的內(nèi)容ltdiv3書寫外層軌道css代碼bodywebkitscrollbar width。

6、auto *需要的時候會出現(xiàn)滾動條*overfloauto *控制X方向的滾動條*overflowyauto *控制Y方向的滾動條*受overflow影響的必需是塊元素，并且指定寬度和高度，否則內(nèi)部元素將自動將父級容器撐開。