EBS備忘錄

display:none [visibility:hidden]

display:inline 元素相鄰可在同一行

            block 強制換行

            inline-block

1.當position設為absolute時，浮動自動失效
2.float屬性：向左(left)或向右(right)浮動
3.浮動會使得元素在有足夠的空間時，往父元素的左邊或右邊靠緊
4.元素被設定浮動時，會自動變成區塊(block)顯示元素
5.如果相鄰元素的前一個元素A未設定float，則元素B會以自己原本該出現的地方為基準點做浮動
6.absolute屬性：top、left偏移以父元素為座標基準點，會脫離正常文件排列，後方元素向前補位，可能與其他物件產生重疊
7.relative屬性：top、left以自身為偏移基準，後面的元素排列以該元素「原本」該顯示的地方為基準，也可能產生重疊（*不做位移也可宣告當做absolute的父物件）

http://www.jaceju.net/blog/archives/18/

 
    #menu ul li {
  list-style:none;
  float:left;    /*讓li不自動換行*/
  margin:0 5px 0 5px;
    }
 
 
   

position:relative
1.以自身原本要出現的位子做位置偏移
2.原本排在後面的元素不會補位，所以可能跟下一個元素重疊
3.作為要以absolute排版的元素的父元素



position:absolute
1.以父(祖父)元素作為基準點做偏移
2.脫離正常文件流程，原本排在後面的元素會向前「補位」
3.如果沒有父元素可以對齊，則追溯到body元素為基準點