對div設(shè)置滾動條舌劳,設(shè)置其橫向滾動條和縱向滾動條樣式扒吁。所需CSS樣式為overflow-y和overflow-x來設(shè)置div盒子對象右側(cè)和底部滾動條效果垄分。同時(shí)也可以使用CSS樣式設(shè)置html框架iframe的滾動條隱藏饲宛,接下來為大家介紹就轧。
1.css設(shè)置滾動條
overflow-y:scroll; 總是顯示縱向滾動條
overflow-y:visible : 不剪切內(nèi)容也不添加縱向滾動條
了解:overflow-y手冊http://www.divcss5.com/shouce/c_overflowy.shtml
overflow-x:scroll; 總是顯示橫向滾動條
overflow-x:visible : 不剪切內(nèi)容也不添加橫向滾動條
了解:overflow-x手冊http://www.divcss5.com/shouce/c_overflowx.shtml
2.div設(shè)置滾動條
DIVCSS5通過對第一個(gè)DIV對象設(shè)置div寬度险掀、div高度怀薛、div邊框樣式,并在DIV盒子里添加演示文字內(nèi)容迷郑,第二個(gè)盒子設(shè)置相同的CSS樣式枝恋,盒子文字內(nèi)容相同,并設(shè)置橫向和縱向滾動條嗡害,觀察效果焚碌。
第一個(gè)盒子CSS命名為“divcs5-a”,第二個(gè)DIV盒子樣式選擇器命名為“divcss5-b”。