只有設置了position屬性的塊級元素，才可以設置left、right、top、bottom值；如果一個塊級元素脫離文檔流的時候，就不能使用浮動了；

一、絕對定位（position：absolute）

1、脫離文檔流，不會獨自沾滿一行；不能使用浮動了；

2、如果父級塊元素設置了定位，那么現(xiàn)在的定位是相對于父級的；如果父級標簽沒有設置定位，那么就是相對于瀏覽器的；

二、相對定位（position：relative）

1、沒有脫離文檔流，可以使用浮動

2、相對定位的塊，不論其父級標簽是否有設置定位，都是相對于父級標簽來說的；

三、靜態(tài)定位（position：static），默認的是靜態(tài)定位，使元素處在文檔流中，對left、right、top、bottom值的設定是無效的；

四、固定定位（position：fixed）：被設置為 fixed 的元素，可定位于相對于瀏覽器窗口的指定坐標。此元素的位置可通過 "left"、"top"、"right" 以及"bottom" 屬性來規(guī)定。不論窗口滾動與否，元素都會留在那個位置。

?

轉載于:https://www.cnblogs.com/guanyushan/p/7833956.html

總結

以上是生活随笔為你收集整理的关于定位的一些知识：的全部內容，希望文章能夠幫你解決所遇到的問題。

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