position和float：

　　Position:relative和position:absolute、position:fixed都會讓元素浮起來，也就是z-index>0，它會改變正常情況下的文檔流。

　　不同的是position:relative會保留自己在z-index：0的站位，left,right,top,bottom值是相對于自己再z-index:0的位置，但對其他仍在z-index:0層的元素位置不會造成影響。

　　而position:absolute會完全脫離文檔流，不再在z-index:0層保留占位符，其left,right,top,bottom值是相對于自己最近的一個設置了position:relative和position:absolute的祖先元素的，如果祖先元素全部都沒有設置position:relative和position:absolute，那么就是相對于body元素 。?

position:fixed是相當于瀏覽器定位，他們都依賴于z-index來設置。

　　Float會改變正常的文檔流排列，影響到周圍的元素。

　　Position:absolute和float會隱式地改變display類型，不論之前什么類型的元素（display:none除外），只要設置了position:absolute、float:left、float:right中的任意一個，都會讓元素以display:inline-block的方式顯示：可以設置長寬，默認寬度并不占滿父元素，就算我們顯示地設置display:inline或者display:block，也仍然無效。

轉載于:https://www.cnblogs.com/jinxinblog/p/cherish%e9%87%91.html

總結

以上是生活随笔為你收集整理的floa和position的全部內容，希望文章能夠幫你解決所遇到的問題。

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