靜態定位 position: static (預設) 標準流 絕對定位 position: absolute 特點： 註意： 使用絕對定位的元素可以覆蓋到其他元素上面，使用z-index屬性來控制堆放次序 相對定位 position: relative 特點： 補充： 常用的定位方式為子絕父相（子元 ...
靜態定位
position: static (預設) 標準流
絕對定位
position: absolute
特點：
- 元素使用絕對定位之後，不占據原來的位置（脫標）
- 元素使用絕對定位，位置是從瀏覽器出發
- 嵌套的盒子，父盒子沒有使用定位，子盒子使用絕對定位，子盒子位置是從瀏覽器出發
- 嵌套的盒子，父盒子使用定位，子盒子絕對定位，子盒子位置是從父元素出發
- 行內元素使用絕對定位，轉化成行內塊元素
註意： 使用絕對定位的元素可以覆蓋到其他元素上面，使用z-index屬性來控制堆放次序
相對定位
position: relative
特點：
- 使用相對定位，位置從自身出發
- 還占據原來的位置
- 行內元素使用相對定位，不能轉成行內塊元素
補充： 常用的定位方式為子絕父相（子元素絕對定位，父元素相對定位）
固定定位
position: fixed
特點：
- 位置從瀏覽器出發
- 固定定位之後，不占據原來的位置（脫標）
- 元素使用固定定位，會轉化成行內塊元素
隱藏元素
overflow: hidden 溢出隱藏
visibility: hidden 隱藏元素(隱藏之後還占據原來位置)
display: none 隱藏元素(隱藏之後不占據原來的位置)
補充：內容移除：text-indent: -5000em 或者 將元素高度設置為0，使用內邊距將盒子撐開，給盒子使用overflow: hidden
元素垂直對齊方式
vertical-align: baseline 設置元素的垂直對齊方式
baseline(預設) 元素放置在父元素的基線上
text-top 把元素的頂端與父元素字體的頂端對齊
text-bottom 把元素的底端與父元素字體的底端對齊
middle 把此元素放置在父元素的中部
