原则1： fixed > absolute > relative原则2： zIndex 越高越牛逼，不管你是谁无视身份。原则3： 青出于蓝而胜于蓝，儿子永远比父亲强原则4： 平台很重要。 就算你是权限最高的fixed或者你的阶段非常高，但如果你依附在relative的怀抱里 ...

可见，relative属性是相对于元素本身所处位置而进行定位的，而fixed和absolute元素是相对于浏览器窗 ...

一、相对定位（position：relative） 1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。 相对定位基础用法示例： 我们先在页面设置两个div盒子（第一个红色；第二个蓝色） 最初的位置 ...

什么是层模型？ 什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局 ...

首先，我们应了解position的默认值——static static 默认值，没有定位，元素出现在正常的流中，即忽略 top, bottom, left, right 或者 z-index 声明 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个 ...

固定定位position:fixed 绝对定位 calc（a - b）:的作用是可以在括号内进行像素和百分比的加减 比如：margin：20px calc（50% - 20px） calc（）内运算符号的两边一定要有空格 绝对定位中，如果父级没有绝对或者相对定位，那么继续往上层找 ...

前端~定位属性position（relative、absolute、fixed）的分析 1，简单了解： relative：移动自身时，参考自身的原来位置而移动，移动子元素（子元素设置了absolute），作为定位的基准点（参照物） absolute: 随参照物的变化而变化 fixed ...

position属性用来规定元素的定位类型和方式 ①position：static 默认值，没有定位，元素出现在正常的流中； ②position：fixed 固定定位 是相对于浏览器窗口来进行定位； ③position：relative 相对定位 相对于其本身正常位置来进行定位，它原本 ...