国产探花免费观看_亚洲丰满少妇自慰呻吟_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定位，不能當作定位點

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 弥勒县| 哈巴河县| 濉溪县| 万载县| 淮北市| 昌都县| 象州县| 瑞安市| 恩平市| 乐都县| 襄城县| 文昌市| 太湖县| 新巴尔虎右旗| 陆良县| 北京市| 四平市| 隆化县| 西和县| 安塞县| 嘉兴市| 紫金县| 克东县| 韶关市| 桐城市| 万源市| 青冈县| 上杭县| 西昌市| 威宁| 黑龙江省| 永顺县| 霞浦县| 珲春市| 左权县| 呼图壁县| 凤翔县| 淳安县| 永兴县| 衡山县| 安多县|