用CSS設定位置擺放

用CSS設定位置擺放
	1、float：設定浮動性質（多用於文繞圖的情形） 可設值：left（元素靠左，文字圍繞其右）；right（元素靠右，文字圍繞其左）；none（以預設的方法顯示） 範例：DIV { float : right }或<DIV style="float:right"> 　　2、clear：設定清除性質（設定是否允許浮動元素之存在） 可設值： both（若兩邊有浮動元素，則該元素移至浮動元素下方）；left（若左邊有浮動元素，則該元素移至浮動元素下方）；right（若右邊有浮動元素，則 該元素移至浮動元素下方）；none（以預設的方法顯示） 範例：DIV { clear : right }或<DIV style="clear:right"> 　　3、width：設定寬度 可設值：auto（以固定比例自動變化大小） 　　參數值： 　　<length> 長度單位 <percentage> 百分比，以父元素寬度為基準 範例：DIV { width : 300pt }或<DIV style="width:300pt"> 　　4、height：設定高度 可設值：auto（以固定比例自動變化大小） 　　參數值： 　　<length> 長度單位 <percentage> 百分比，以父元素寬度為基準 　　範例：DIV { height : 300pt }或<DIV style="height:300pt"> 　　5、position：設定位置 可設值：absolute（以父元素為基準，擺設在特 定位置上）；relative（以相鄰元素為基準，擺設在特定位置上）；static（預設位置，以該元素於原始碼中位置而定） 範 例：DIV { position : static }或<DIV style="position:static"> 　　6、top：設定頂端位置 可設值：auto（以固定比例自動變化大小） 　　參數值： 　　<length> 長度單位 <percentage> 百分比，以父元素寬度為基準 　　範例：DIV { top : 30pt }或<DIV style="top:30pt"> 　　7、left：設定左端位置 可設值：auto（以固定比例自動變化大小） 　　參數值： 　　<length> 長度單位 <percentage> 百分比，以父元素寬度為基準 　　範例：DIV { left : 30pt }或<DIV style="left:30pt"> 　　8、clip：設定裁剪（設定某地區形狀及大小，地區外通透） 參數： 　　rect(top,right,bottom,left) 設定矩形之上右下左長度，會自動比對對邊長度 　　範例：DIV { clip : rect(0,100px,50px,0) }或<DIV style="clip:rect(0,100px,50px,0)"> 　　9、overflow：設定溢位處理（控制當元素內容超過該元素大小時的顯示方式） 可 設值：visible（元素將不會依所設訂大小顯示，而能看見所有內容）；hidden（超過元素所設訂大小之部份將被隱藏不予顯示）；scroll（如 有必要出現捲軸可讓使用者看到全部的內容）；auto（以預設的方式顯示） 　　範例：DIV { overflow : scroll }或<DIV style="overflow:scroll"> 　　10、visibility：設定可視度 可設值：visible（設定該元素顯 示）；hidden（設定該元素不顯示，但仍佔據空間）；inherit（以父元素可視度決定） 　　範例：DIV { visibility : hidden }或<DIV style="visibility:hidden"> 　　11、z-index　設定Ｚ軸參數（三度空間） 可設值：auto（當元素位置重複 時，原始碼中寫在後面元素會出現在寫在前面元素的上方） 　　參數： 　　<number> 十進位元值，數值大的元素會出現在數值小的元素的上方 範例：DIV { z-index : 3 }或<DIV style="z-index:3">