- Nov 14 Fri 2014 14:39
-
display屬性
- Jun 26 Wed 2013 14:20
-
CSS觀念：Float、Position(relative、absolute、static)屬性及兩者間的關聯
1.當position設為absolute時，浮動自動失效
2.float屬性：向左(left)或向右(right)浮動
3.浮動會使得元素在有足夠的空間時，往父元素的左邊或右邊靠緊
4.元素被設定浮動時，會自動變成區塊(block)顯示元素
5.如果相鄰元素的前一個元素A未設定float，則元素B會以自己原本該出現的地方為基準點做浮動
6.absolute屬性：top、left偏移以父元素為座標基準點，會脫離正常文件排列，後方元素向前補位，可能與其他物件產生重疊
7.relative屬性：top、left以自身為偏移基準，後面的元素排列以該元素「原本」該顯示的地方為基準，也可能產生重疊（*不做位移也可宣告當做absolute的父物件）
- Jun 25 Tue 2013 15:53
-
CSS觀念：Position屬性
position:relative
1.以自身原本要出現的位子做位置偏移
2.原本排在後面的元素不會補位，所以可能跟下一個元素重疊
3.作為要以absolute排版的元素的父元素
position:absolute
1.以父(祖父)元素作為基準點做偏移
2.脫離正常文件流程，原本排在後面的元素會向前「補位」
3.如果沒有父元素可以對齊，則追溯到body元素為基準點
1
