国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css中postion的fixed與absolute區(qū)別詳解

2024-07-11 08:35:55
字體:
供稿:網(wǎng)友

一直對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是靜態(tài)的static定位,不能當作定位點

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 岳普湖县| 茂名市| 台山市| 长顺县| 高州市| 遂溪县| 龙游县| 沁源县| 六盘水市| 四川省| 邹平县| 桦川县| 大名县| 集贤县| 皮山县| 南投市| 宝应县| 井冈山市| 清水县| 阜新市| 定州市| 盘山县| 呼图壁县| 万安县| 河池市| 隆安县| 札达县| 东源县| 平阳县| 海淀区| 惠州市| 天水市| 锦屏县| 赤城县| 临湘市| 德庆县| 绍兴县| 万源市| 安仁县| 都安| 孟连|