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

首頁 > 開發 > CSS > 正文

css中postion的fixed與absolute區別詳解

2024-07-11 08:30:47
字體：大 中 小
來源：轉載
供稿：網友

一直對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定位，不能當作定位點

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 元谋县| 盱眙县| 通榆县| 安丘市| 抚松县| 马龙县| 松潘县| 九江市| 高尔夫| 扶沟县| 高雄市| 盐城市| 白山市| 溧水县| 合山市| 九寨沟县| 汾西县| 辛集市| 沈阳市| 卢龙县| 越西县| 延津县| 林口县| 伊宁县| 泗洪县| 磐安县| 奈曼旗| 大同县| 荆门市| 青岛市| 开平市| 尼勒克县| 图们市| 定安县| 安义县| 武义县| 正安县| 西安市| 青龙| 绥滨县| 麻栗坡县|