十六 定位(position)
position:static/fixed/relative/absolute/inhret
1 static:正常文檔，默認值，忽略top/bottom/left/right/z-index
2 fixed:固定定位，脫離了文檔流，以瀏覽器為坐標始（瀏覽器的左上角位置）終固定在瀏覽器窗口的某個坐標上，不會隨著滾動條滾動
3 定位方式通常要配合：left/right/top/bottom
4 relative:相對定位，不會脫離文檔流，以自己的原始位置為坐標進行偏移，偏移后該元素的原始位置將會保留
5 absolute:絕對定位，脫離了文檔流，以瀏覽器為坐標進行偏移（瀏覽器的左上角位置）
但是如果該元素最近的已定位的祖先元素設置了定位方式了（除了static）,那么就以這個祖先元素為起始坐標
-----------
z-index:層疊順序
z-index:5;數字大的元素在數字小的元素上面
z-index只適用于定位屬性所產生的重疊

如何讓一個元素始終居中與另一個元素？
left:50%;top:50%;margin-left:-width/2;margin-top:-height/2;

轉載于:https://www.cnblogs.com/jiandandeboke/p/7124543.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的web前端CSS2学习2017.6.22的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。