CSS之overflow屬性用法
2010/11/22 15:46:52
CSS之overflow屬性有四個值:visible (默認), hidden, scroll, 和auto。同樣有兩個overflow的姐妹屬性overflow-y 和overflow-x,它們很少被采用。讓我們分別看一下這幾個值,并討論一寫共同用法和技巧。
Auto
overflow的auto值很像scroll,它唯一解決的是在你不需要的時候也會出現滾動條的問題。
Hidden
默認值visible的相反的值就是hidden。它會將所有超出盒子的所有內容都給隱藏掉。這對應付使用動態的內容,而且可能會由于內容溢出而引起一些布局上的問題的確很有用。盡管如此,請記住用此方法隱藏的內容將徹底的看不到(除非去查看源代碼)。 比如有的用戶設置他們的瀏覽器的默認字體比你預期的要大些,你會將一些文字推到盒子的外面然后完全的隱藏之……
Visible
如果你不設置overflow屬性,則默認的overflow屬性值就是visible。所以一般而言,并沒有什么理由特別的設定overflow的屬性為visible除非你想覆蓋它在其它地方被設定的值。這里需要記住的重要的事情是,盡管盒子外面的內容是可見的,內容并不會影響頁面的工作流。一般來說,你至少不用為里面的內容為文字的盒子設置固定的高度,這樣就不會遇到這種情況了。
Scroll
設置一個盒子的overflow值為scroll將會隱藏掉渲染到盒子之外的內容,但是它將會提供一個滾動條在盒子內部滾動,從而可以查看剩下的內容。值得注意的是,使用scroll將會同時產生水平和垂直兩個滾動條,就算內容只需要其中一個。
返回列表
返回首頁
主站蜘蛛池模板:
国产一区二区精品久久岳|
夜夜高潮夜夜爽夜夜爱爱一区|
国产成人无码精品久久二区三区
|
粉色视频成年免费人15次|
国产在线a不卡免费视频|
538国产视频|
天堂新版资源中文最新版下载地址
|
亚洲一区二区三区国产精华液
|
国产一区二区三区在线看片|
国产a免费观看|
国产精品欧美一区二区|
久久国产精品二国产精品|
欧美双茎同入视频在线观看
|
亚洲第一区精品观看|
福利聚合app绿巨人入口|
四虎在线观看一区二区|
青青草成人在线|
夏夏和三个老头第二部|
一线高清视频在线观看www国产|
日本暴力喉深到呕吐hd|
乱子伦一级在线观看高清|
福利一区二区三区视频在线观看|
国产一区亚洲欧美成人|
风间由美100部合集|
国产日产欧产精品精品电影|
yellow日本动漫高清小说|
成年丰满熟妇午夜免费视频|
亚洲国产成人久久精品app
|
好想吃你的馒头|
中出视频在线观看|
欧美sss视频|
亚洲欧美一区二区三区日产|
老子午夜我不卡理论影院|
国产在线播放免费|
国产91在线九色|
国产欧美在线一区二区三区|
大战孕妇12p|
国产精品午夜爆乳美女视频|
69网站在线观看|
国产麻豆剧传媒精品网站|
99久在线国内在线播放免费观看|