CSS3 相对定位和绝对定位的区别

相对定位 和 绝对定位 这两种定位的方法，其实没有本质的差别，都是根据 目标点 进行定位。

相对定位

<div style="position: relative;"> <!-- 设定目标 -->
 <p style="position: absolute; left:0; top:0;"></p> <!-- 设置定位 -->
</div>

<!-- p 元素 设置了 div 元素 为定位目标，所有 p 元素就以 div 元素 为基准定位 -->

绝对定位

<p style="position: absolute; left:0; top:0;"></p> <!-- 设置定位 -->

<!-- 由于 p 元素没有通过 position: relative; 设置定位目标，所有默认就以窗口作为目标定位 -->

publish: 8/10/2018, 3:47:52 PM / by: jmjc.tech

CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 单位 CSS3 字体 CSS3 文本 CSS3 光标 CSS3 盒子模型 CSS3 边框 CSS3 边距 CSS3 列表 CSS3 表格 CSS3 背景 CSS3 效果 CSS3 浮动 CSS3 定位 CSS3 响应式 CSS3 Columns CSS3 Flex