一直對(duì)positon的幾個(gè)定位方式不是特別理解,記錄下
fixed
固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為(0px, 0px)
absolute
絕對(duì)定位,參展位置是離當(dāng)前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角,舉個(gè)例子
復(fù)制代碼代碼如下:
<div style=”posistion:relative” id=”p1″>
<div style=”posistion:fixed” id=”p2″>
<div style=”position:static” id=”p3″>
<h2 style=”postion:absolute;left:10px;top:10px”>我的參照坐標(biāo)是id=p2</h2>
</div>
</div>
</div>
通過(guò)上面的例子,可知h2的絕對(duì)定位參照點(diǎn)是id=p2的父元素,p3是靜態(tài)的static定位,不能當(dāng)作定位點(diǎn)
新聞熱點(diǎn)
疑難解答
圖片精選