6月26號=》216頁-220頁

標籤：使用   html   htm   一個   c   和   

10.1　　布局相關屬性

　　　　　　CSS提供了如下布局相關屬性。

　　　　　　　　float：該屬性控制目標HTML組件是否浮動以及如何浮動。當通過該屬性設定某個對象浮動後，該對象將被當做塊(block-level)

　　　　　　　　　　　　組件處理，即相當與display屬性被設定為block。也就是說，即使為浮動組件的display設定了其他屬性值，該屬性值

　　　　　　　　　　　　依然是block。浮動HTML組件將會漂浮緊緊跟隨它的前一個組件，直到遇到邊框、內補丁、外補丁或另一個塊組件位置。

　　　　　　　　　　　　該屬性支援left、right兩個屬性值，分別指定對象向左、向右浮動。

　　　　　　　　clear：該屬性用於設定HTML組件的左、右、是否允許出現浮動物件。

　　　　　　　　該屬性支援如下屬性值。

　　　　　　　　　　none：預設值。兩邊都允許出現浮動組件。

　　　　　　　　　　left：不允許左邊出現浮動組件。

　　　　　　　　　　right：不允許右邊出現浮動組件。

　　　　　　　　　　both：兩邊都不允許出現浮動組件。

　　　　　　　　clip：該屬性控制對HTML元素進行裁剪。該屬性值可指定為auto(不裁剪)或rect(number number number number)其中rect()

　　　　　　　　　　　　用於在目標組件上定義一個矩形，目標組件只有位於該矩形內的地區才會被顯示出來。

　　　　　　　　overflow：設定當HTML組件不夠容納內容時的顯示方式。

　　　　　　　　該屬性支援如下幾個屬性值。

　　　　　　　　　　visible：該屬性值指定HTML組件既不剪下內也不添加捲軸。這是預設值。

　　　　　　　　　　auto：該屬性值指定當HTML組件不夠容納內容時將自動添加捲軸，允許使用者通過拖動捲軸來查看內容。

　　　　　　　　　　hidden：該屬性值指定HTML組件自動裁剪那些不夠空間顯示的內容。

　　　　　　　　　　scroll：該屬性值指定HTML組件總是顯示捲軸。

　　　　　　　　　　overflow-x：該屬性的作用於overflow相似，只是該屬性只控制水平方向的顯示方式。

　　　　　　　　　　overflow-y：該屬性的作用於overflow相似，只是該屬性只控制垂直方向的顯示方式。

　　　　　　　　　　visibility：使用與CSS2，用於設定目標對象是否顯示。與display屬性不同，當通過該屬性隱藏某個元素後，

　　　　　　　　　　　　　　　　該元素佔用的頁面空間依然會被保留。該屬性的兩個常用值為visible和hidden，分別用於控制

　　　　　　　　　　　　　　　　目標對象的顯示和隱藏。

　　　　　　　　　　display：用於設定目標對象是否及如何顯示。該屬性支援的屬性值有很多，該屬性主要用於控制CSS的盒模型。