一直對positon的幾個定位方式不是特別理解,記錄下
fixed
固定定位,參照位置是浏覽器窗口的左上角,即坐標點為(0px, 0px)
absolute
絕對定位,參展位置是離當前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角,舉個例子
復制代碼代碼如下:
<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">我的參照坐標是id=p2</h2>
</div>
</div>
</div>
通過上面的例子,可知h2的絕對定位參照點是id=p2的父元素,p3是靜態的static定位,不能當作定位點