這篇文章給大家分享的是有關(guān)CSS之overflow怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。
一、Overflow語法值
overflow : visible | auto | hidden | scroll
當(dāng)然overflow可以單獨(dú)設(shè)置X（overflow-x ）和Y（overflow-y）方向的滾動(dòng)條樣式其值與應(yīng)用與overflow語法用法結(jié)構(gòu)相同。
二、Overflow參數(shù)值解釋
visible : 不剪切內(nèi)容也不添加滾動(dòng)條。假如顯式聲明此默認(rèn)值，對(duì)象將被剪切為包含對(duì)象的window或frame的大小。并且clip屬性設(shè)置將失效
auto : 此為body對(duì)象和textarea的默認(rèn)值。在需要時(shí)剪切內(nèi)容并添加滾動(dòng)條，DIV默認(rèn)情況也是這個(gè)值，但需要設(shè)置時(shí)候設(shè)置即可
hidden : 不顯示超過對(duì)象尺寸的內(nèi)容
scroll : 總是顯示滾動(dòng)條
三、Overflow特別解釋說明
檢索或設(shè)置當(dāng)對(duì)象的內(nèi)容超過其指定高度及寬度時(shí)如何管理內(nèi)容。
設(shè)置textarea對(duì)象為hidden值將隱藏其滾動(dòng)條。
對(duì)于table來說，假如table-layout屬性設(shè)置為fixed，則td對(duì)象支持帶有默認(rèn)值為hidden的overflow屬性。如果設(shè)為hidden，scroll或者auto，那么超出td尺寸的內(nèi)容將被剪切。如果設(shè)為visible，將導(dǎo)致額外的文本溢出到右邊或左邊（視direction屬性設(shè)置而定）的單元格。自IE5開始，此屬性在MAC平臺(tái)上可用。
四、重點(diǎn)學(xué)習(xí)Overflow
Overflow:visible 此樣式可以讓滾動(dòng)條隱藏，但可以鼠標(biāo)上拉下拉滑動(dòng)。
Overflow:hidden 隱藏對(duì)象超出設(shè)置寬度高度的內(nèi)容
Overflow:scroll 此樣式，會(huì)讓內(nèi)容無論是否超出高度寬度也會(huì)顯示滾動(dòng)條。
五、Overflow:hidden與Overflow:scroll實(shí)踐
我們通過同樣的寬度高度設(shè)置，一個(gè)隱藏超出寬度高度內(nèi)容，一個(gè)為顯示滾動(dòng)條，為了案例演示，我們對(duì)案例2個(gè)對(duì)象加CSS border邊框。
CSS代碼:
重慶分公司
重慶分公司
.divcss5-hidden,.divcss5-scroll{width:300px; height:100px;line-height:25px; border:1px solid #333}
.divcss5-hidden{overflow:hidden; height:50px}
.divcss5-scroll{overflow:scroll; margin-top:10px}html代碼:
