如何使用相對定位和絕對定位

2022-06-15    分類: 網(wǎng)站建設(shè)

css標(biāo)簽:position
標(biāo)簽屬性:relative(相對)
      absolute(絕對)

1.父容器使用相對定位,子元素使用絕對定位后,這樣子元素的位置不再相對于瀏覽器左上角,而是相對于父窗口左上角

2.position:absolute; 表示絕對定位,位置將依據(jù)瀏覽器左上角開始計(jì)算。 絕對定位使元素脫離文檔流,因此不占據(jù)空間。普通文檔流中元素的布局就像絕對定位的元素不存在時(shí)一樣。
3.position:relative; 如果對一個(gè)元素進(jìn)行相對定位,首先它將出現(xiàn)在它所在的位置上。然后通過設(shè)置垂直或水平位置,讓這個(gè)元素"相對于"它的原始起點(diǎn)進(jìn)行移動(dòng)

網(wǎng)站名稱:如何使用相對定位和絕對定位
網(wǎng)站鏈接:http://muchs.cn/news/167589.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、標(biāo)簽優(yōu)化、Google、定制開發(fā)、面包屑導(dǎo)航、靜態(tài)網(wǎng)站

廣告

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

手機(jī)網(wǎng)站建設(shè)