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

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

轉(zhuǎn)載于:https://www.cnblogs.com/jiandandeboke/p/7124543.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。