DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV布局屬性用法詳盡解讀(2)
DIV布局屬性用法詳盡解讀(2)
編輯:CSS詳解     

◆DIV布局之height屬性:

相同的BOX還有height屬性來控制本身的高度:

屬性名稱:'height'

屬性值:<length><percentage>auto
初始值:auto
適合對象:塊元素
是否繼承:no
百分比備注:根據父元素的height而定

◆在CSS中還提供了min-height和max-height屬性,使得BOX的高度在最小高度和最大高度之間。

屬性名稱:'min-height'

屬性值:<length><percentage>
初始值:0
適合對象:all
是否繼承:no
百分比備注:根據父元素的height而定
屬性名稱:'max-height'
屬性值:<length><percentage>
初始值:100%
適合對象:all
是否繼承:no
百分比備注:根據父元素的height而定

◆DIV布局之overflow屬性:

在規定元素的寬度和高度時,如果元素的面積不足以顯示全部內容的話就要用到overflow屬性:

屬性名稱:'overflow'

屬性值:visiblehiddenscrollauto
初始值:visible
適合對象:元素的position屬性
是否繼承:no
百分比備注:被禁止
屬性值含義如下:
visible:擴大面積以顯示所有內容。
hidden:隱藏超出范圍的內容。
scroll:在元素的右邊顯示一個滾動條。
auto:當內容超出元素面積時,顯示滾動條。

◆DIV布局之clip屬性:

CSS還提供了一種clip屬性,可以把元素區域剪切成各種形狀,但目前提供的只有方形一種:

屬性名稱:'clip'

屬性值:<shape>auto
初始值:auto
適合元素:元素的position屬性被設為absolute
是否繼承:no
百分比備注:被禁止
<shape>值為rect(toprightbottomleft)。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved