该属于用于设置元素绝对定位。
<p style="color:blue; position: absolute; left:10px; top: 10px; z-index: 99;">我飘到了窗口距离左上角10px到位置。<p>
<!-- 代码分析 -->
<!-- position: absolute; 设置元素绝对定位，绝对定位的目标点是 “网页的窗口”，也就是说设置了定位的元素会以网页窗口为基准点进行偏移 -->
<!-- left:10px; | 元素在 靠左 10px 的位置 -->
<!-- top:10px; | 元素在 靠上 10px 的位置 -->
<!-- z-index; | 用于调整元素层级，以免被覆盖 -->
<!-- 这样元素就定位到了窗口的左上角位置 -->
显示效果
在左上角。
我飘到了窗口距离左上角10px到位置。
| 扩展阅读 | |
|---|---|
| CSS3 相对定位和绝对定位的区别 | 8/10/2018, 3:47:52 PM |
| z-index 层级 / 优先级 | 8/10/2018, 3:47:52 PM |