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

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

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

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

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

網(wǎng)站題目：如何使用相對定位和絕對定位
新聞來源：http://www.jbt999.com/news39/167589.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、自適應(yīng)網(wǎng)站、電子商務(wù)、軟件開發(fā)、小程序開發(fā)、網(wǎng)站建設(shè)

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

猜你還喜歡下面的內(nèi)容

建立有意義的鏈接，增加網(wǎng)站的流量 2022-06-15
如何讓APP的開發(fā)省時省力又省錢 2022-06-15
SEO進(jìn)行圖片優(yōu)化步驟包括哪些？ 2022-06-15
10個常見的友情鏈接欺騙方法 2022-06-15
SEO不要等閑對你的上網(wǎng)站做這些事 2022-06-15
企業(yè)網(wǎng)站打不開？備案被取消？趕緊自查下你的網(wǎng)站信息！ 2022-06-15
創(chuàng)新互聯(lián)宣傳片的取景 2022-06-15