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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

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

2024-07-11 08:34:13
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

一直對(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)

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 陆川县| 衡阳市| 双牌县| 武强县| 临夏市| 华宁县| 海淀区| 灵台县| 腾冲县| 永修县| 二连浩特市| 延长县| 来凤县| 陵川县| 丰县| 尉氏县| 宁夏| 孝感市| 甘德县| 澄城县| 富川| 云和县| 托克逊县| 镇巴县| 洛南县| 克拉玛依市| 郸城县| 新疆| 铜川市| 铁岭县| 英超| 绍兴县| 介休市| 廊坊市| 泾源县| 专栏| 南和县| 乳源| 同心县| 常宁市| 新安县|