怎么在css中清除定位

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

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

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

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

怎么在css中清除定位

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

怎么在css中清除定位

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

怎么在css中清除定位

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

怎么在css中清除定位

怎么在css中清除定位

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

怎么在css中清除定位

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

怎么在css中清除定位

以上就是怎么在css中清除定位,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章題目:怎么在css中清除定位
URL鏈接:http://bm7419.com/article18/iiohgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站導航、外貿(mào)建站、自適應(yīng)網(wǎng)站、網(wǎng)站策劃、微信公眾號

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名