CSS之overflow屬性用法
2010/11/22 15:46:52
CSS之overflow屬性有四個(gè)值:visible (默認(rèn)), hidden, scroll, 和auto。同樣有兩個(gè)overflow的姐妹屬性overflow-y 和overflow-x,它們很少被采用。讓我們分別看一下這幾個(gè)值,并討論一寫共同用法和技巧。
Auto
overflow的auto值很像scroll,它唯一解決的是在你不需要的時(shí)候也會(huì)出現(xiàn)滾動(dòng)條的問題。
Hidden
默認(rèn)值visible的相反的值就是hidden。它會(huì)將所有超出盒子的所有內(nèi)容都給隱藏掉。這對(duì)應(yīng)付使用動(dòng)態(tài)的內(nèi)容,而且可能會(huì)由于內(nèi)容溢出而引起一些布局上的問題的確很有用。盡管如此,請(qǐng)記住用此方法隱藏的內(nèi)容將徹底的看不到(除非去查看源代碼)。 比如有的用戶設(shè)置他們的瀏覽器的默認(rèn)字體比你預(yù)期的要大些,你會(huì)將一些文字推到盒子的外面然后完全的隱藏之……
Visible
如果你不設(shè)置overflow屬性,則默認(rèn)的overflow屬性值就是visible。所以一般而言,并沒有什么理由特別的設(shè)定overflow的屬性為visible除非你想覆蓋它在其它地方被設(shè)定的值。這里需要記住的重要的事情是,盡管盒子外面的內(nèi)容是可見的,內(nèi)容并不會(huì)影響頁面的工作流。一般來說,你至少不用為里面的內(nèi)容為文字的盒子設(shè)置固定的高度,這樣就不會(huì)遇到這種情況了。
Scroll
設(shè)置一個(gè)盒子的overflow值為scroll將會(huì)隱藏掉渲染到盒子之外的內(nèi)容,但是它將會(huì)提供一個(gè)滾動(dòng)條在盒子內(nèi)部滾動(dòng),從而可以查看剩下的內(nèi)容。值得注意的是,使用scroll將會(huì)同時(shí)產(chǎn)生水平和垂直兩個(gè)滾動(dòng)條,就算內(nèi)容只需要其中一個(gè)。
返回列表
返回首頁
主站蜘蛛池模板:
动漫人物桶动漫人物免费观看|
小说区亚洲自拍另类|
亚洲欧美日韩综合一区|
精品黑人一区二区三区|
国产大片线上免费看|
制服丝袜自拍偷拍|
大片毛片女女女女女女女|
三上悠亚亚洲一区高清|
日本在线观看免费看片|
亚洲A∨无码一区二区三区|
欧美精品一区二区精品久久|
免费无码又爽又刺激毛片|
老子影院午夜伦手机电影|
国产午夜影视大全免费观看|
色视频线观看在线播放|
国产精品黄网站|
99精产国品一二三产|
好爽好深胸好大好多水视频|
中文字幕成人乱码在线电影|
日本电影和嫒子同居日子|
五月婷婷综合色|
欧美三级全部电影观看|
亚洲欧洲国产成人精品|
亚洲欧洲精品成人久久曰影片|
一区二区三区国产精品|
日本h在线精品免费观看|
亚洲AV无码专区在线亚|
欧美成人高清ww|
亚洲精品97久久中文字幕无码
|
青青青国产依人在在线观看高
|
天天综合亚洲色在线精品|
中文字幕乱码无线码在线|
日本道在线观看|
久热这里只有精品12|
欧美丰满熟妇XXXX|
亚洲日本在线观看|
欧美老熟妇乱大交XXXXX|
秋霞鲁丝片一区二区三区|
国产小视频精品|
亚洲一二区视频|
国产精品日韩欧美在线|