溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

css中postion的fixed與absolute區(qū)別是什么

發(fā)布時(shí)間:2021-07-28 18:12:27 來(lái)源:億速云 閱讀:123 作者:chen 欄目:web開(kāi)發(fā)

本篇內(nèi)容主要講解“css中postion的fixed與absolute區(qū)別是什么”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css中postion的fixed與absolute區(qū)別是什么”吧!

一直對(duì)positon的幾個(gè)定位方式不是特別理解,記錄下

fixed
固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為(0px, 0px)

absolute
絕對(duì)定位,參展位置是離當(dāng)前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角,舉個(gè)例子

代碼如下:

<div  id="p1">
    <div  id="p2">
        <div  id="p3">
            <h3 >我的參照坐標(biāo)是id=p2</h3>
        </div>
    </div>
</div>

通過(guò)上面的例子,可知h3的絕對(duì)定位參照點(diǎn)是id=p2的父元素,p3是靜態(tài)的static定位,不能當(dāng)作定位點(diǎn)

到此,相信大家對(duì)“css中postion的fixed與absolute區(qū)別是什么”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún),關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI