position使用relative,absolute,fixed的区别是什么
相对定位
使用"relative"属性生成相对定位的元素,其相对于其原始位置进行定位。可通过left、right、top、bottom属性调整位置,z-index属性用于调整层叠顺序。元素保持原有形状,占用空间不改变。若无定位偏移,元素本身不受影响。
绝对定位
应用"absolute"属性将元素移出文档流,使其相对于包含块进行定位。元素原来在文档流中所占空间会被后续元素占据。生成块级框,不论原始类型。绝对定位元素的包含块由最近的具有'absolute'、'relative'或'fixed'属性的祖先元素创建。若无定义,相对于整个文档body定位。
固定定位
使用"fixed"属性生成绝对定位元素,相对于浏览器窗口定位,通常配合z-index使用。例如网页顶部的聊天图标或广告,常使用fixed定位。
下一篇:农村亲子活动方案
多重随机标签