怎么在css中清除定位

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

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括長(zhǎng)洲網(wǎng)站建設(shè)、長(zhǎng)洲網(wǎng)站制作、長(zhǎng)洲網(wǎng)頁制作以及長(zhǎng)洲網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，長(zhǎng)洲網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到長(zhǎng)洲省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享名稱：怎么在css中清除定位
文章網(wǎng)址：http://m.jiaotiyi.com/article/iiohgp.html