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

一、絕對(duì)定位（position：absolute）

1、脫離文檔流，不會(huì)獨(dú)自沾滿一行；不能使用浮動(dòng)了；

2、如果父級(jí)塊元素設(shè)置了定位，那么現(xiàn)在的定位是相對(duì)于父級(jí)的；如果父級(jí)標(biāo)簽沒(méi)有設(shè)置定位，那么就是相對(duì)于瀏覽器的；

二、相對(duì)定位（position：relative）

1、沒(méi)有脫離文檔流，可以使用浮動(dòng)

2、相對(duì)定位的塊，不論其父級(jí)標(biāo)簽是否有設(shè)置定位，都是相對(duì)于父級(jí)標(biāo)簽來(lái)說(shuō)的；

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

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

?

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

總結(jié)

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

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