前端中的定位

Souls_8080

于 2021-10-13 13:41:04 发布

阅读量386

点赞数

文章标签： html css 定位

本文链接：https://blog.youkuaiyun.com/m0_53543246/article/details/120742084

版权

本文深入探讨了CSS中的定位技术，包括相对定位、绝对定位和固定定位的使用场景与原理。重点讲解了absolute如何在父级元素存在定位时进行偏移，并在父级范围内移动。同时，提到了Z-index的概念，用于控制元素的层级显示，以及0到99+的层级设置。此外，还简单介绍了opacity属性，用于设置元素的透明度，支持0到1的取值范围，以及在IE8之前的滤镜实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                        
                    
                    相对定位
 Position relative;(上下左右)
 top、left、 right bottom
绝对定位
 1、没有父级元素定位的前提下，对浏览器定位
 2、假设父级元素存在定位，我们通常会相对于父级元素偏移
 3、在父级元素范围内移动，
 两者
 Position: absolute
固定定位
 Position: fixed
Z-index
 意思就是 层级，z-index: 0~99+ 层，0在最底层，会被上面的元素盖住，往上设置层就会显露出来
Opactity：
 0~1.设置透明度；
 IE8以前： filter alpha(opactity=0~100) 设置透明度

                