怎么在css中清除定位

本篇文章給大家分享的是有關(guān)怎么在css中清除定位，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

在css中，可以使用position屬性清除定位，只需要給元素添加“position:static”樣式即可。position屬性用于規(guī)定元素的定位類型，當(dāng)值設(shè)置為“static”時(shí)，代表沒有定位，元素出現(xiàn)在正常的流中。

使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并設(shè)置其class為con，主要用于下面通過該class來設(shè)置css樣式。

在div內(nèi)，再創(chuàng)建一個(gè)div模塊，并設(shè)置其class為pos。

在css標(biāo)簽內(nèi)，設(shè)置類名為con的div的樣式，使用width屬性設(shè)置div的寬度為300px，使用height屬性設(shè)置div的高度為200px，使用background屬性設(shè)置div的背景顏色為紅色，定位屬性position設(shè)置為相對(duì)定位（relative）。

在css標(biāo)簽內(nèi)，設(shè)置類名為pos的div的樣式，使用width屬性設(shè)置div的寬度為100px，使用height屬性設(shè)置div的高度為100px，使用background屬性設(shè)置div的背景顏色為粉紅色，定位屬性position設(shè)置為絕對(duì)定位（absolute），同時(shí)，使用left和top屬性設(shè)置div距離左邊30px，距離頂部10px。

在css標(biāo)簽內(nèi)，再創(chuàng)建一個(gè)類名為clearpos的樣式，將position屬性設(shè)置為static，即清除定位屬性，凡是添加了該類名樣式，都會(huì)清除定位。將此類名添加到div為pos的模塊上，清除它的定位。

在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

以上就是怎么在css中清除定位，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。