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

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

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

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

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

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