1相對定位:position:realative(相對于本身沒有定位之前的位置進行移動)有如下1個特點:不脫離文檔流,不影響元素本身的特性,塊級還是塊級,行內還是行內 2相對定位:position:absolute 有如下幾個特點:(1).相對于已經定位的父級元素進行定位(那如果父級沒有定位呢? 那就再往上找,找爸爸的爸爸,那爸爸的爸爸也沒有定位呢?那就接著往上找嘍,如果父級都沒有,那就相對于body) (2).脫離文檔流(完全脫離) 3 固定定位position:fixed(相對于窗口的固定定位)這個定位屬性值是什么意思呢？元素的定位方式同absolute類似，但它的包含塊是視區本身。在屏幕媒體如WEB瀏覽器中，元素在文檔滾動時不會在瀏覽器視察中移動 /*根據定位如何使一個盒子在頁面中絕對居中呢兩種方法:1.div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}2.div{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px;}*/二:最后說一下清除浮動:清除浮動的方法,就說一個比較主流的方式吧: :after 方法：（注意：作用于浮動元素的父親）div:after{content:"" display:block;clear:both}

轉載于:https://www.cnblogs.com/luckmc/p/7635891.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

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

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