» 首頁 » 討論區 » PHP與網頁技術 »CSS的overflow屬性

CSS的overflow屬性

發表人: Seachaos
積分: 2432
發表時間: 2010-02-06 23:43:34
overflow是CSS的一種屬性
是對內容超出範圍所做的設定
分別有
auto:依照內容決定是否出現捲軸
visible:完全顯示,不管內容是否超出
scroll:會出現水平的捲軸都會出現
hidden:超過的內容部份會完全被隱藏

以下是CSS的overflow範例,以width 300px,height 60px的div做屬性範例

auto:

auto 少內容


auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容


visible

visible 少內容

(注意!!由於內容會被顯示,所以有設定Height的話會蓋到其他內容如下)

visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容


scroll:

scroll 少內容


scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容


hidden:

hidden 少內容


hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容 hidden 多內容


如果使用div標籤的話,要有指定height和width效果才會出現