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

其实position的值有四个，static/relative/absolute/fixed，而static是默认值，不算具有有定位属性，这里就不讲了。 定位其实就是跟元素设置定位属性，然后设置其对位的相对上下左右的距离，一般写法如下： 下面我们分情况讨论： 1、父级没有定位 ...

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

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

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

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

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

项目中突然发现fiexd定位失效了，会跟着屏幕上下滑动了，检查了一下发现了原因 原因： 　　只要position:fixed;元素的父元素有transform样式，那么这个元素的fixed定位就会失效；无论是transform:translate()，scale ...