本文轉載於:猿2048網站CSS的常用屬性（三）

靜態定位

position: static (預設) 標準流

絕對定位

position: absolute

特點：

1. 元素使用絕對定位之後，不佔據原來的位置（脫標）
2. 元素使用絕對定位，位置是從瀏覽器出發
3. 巢狀的盒子，父盒子沒有使用定位，子盒子使用絕對定位，子盒子位置是從瀏覽器出發
4. 巢狀的盒子，父盒子使用定位，子盒子絕對定位，子盒子位置是從父元素出發
5. 行內元素使用絕對定位，轉化成行內塊元素

注意： 使用絕對定位的元素可以覆蓋到其他元素上面，使用z-index屬性來控制堆放次序

相對定位

position: relative

特點：

1. 使用相對定位，位置從自身出發
2. 還佔據原來的位置
3. 行內元素使用相對定位，不能轉成行內塊元素

補充： 常用的定位方式為子絕父相（子元素絕對定位，父元素相對定位）

固定定位

position: fixed

特點：

1. 位置從瀏覽器出發
2. 固定定位之後，不佔據原來的位置（脫標）
3. 元素使用固定定位，會轉化成行內塊元素

隱藏元素

overflow: hidden 溢位隱藏

visibility: hidden 隱藏元素(隱藏之後還佔據原來位置)

display:

補充：內容移除：text-indent: -5000em 或者 將元素高度設定為0，使用內邊距將盒子撐開，給盒子使用overflow: hidden

元素垂直對齊方式

vertical-align: baseline 設定元素的垂直對齊方式 

baseline(預設)  元素放置在父元素的基線上

text-top  把元素的頂端與父元素字型的頂端對齊

text-bottom  把元素的底端與父元素字型的底端對齊

middle  把此元素放置在父元素的