下述有关css属性position的属性值的描述,说法错误的是?
牛客网错题集
- static:没有定位,元素出现在在正常的流中
- fixed:生成绝对定位的元素,相对于父元素进行定位
- relative:生成相对定位的元素,相对于元素本身正常位置进行定位
- absolute:生成绝对定位的元素,相对于static定位以外的第一个祖先元素进行定位
错误答案:B
在HTML中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示:
css中定位有四个属性值可选,分别是static、absolute、fixed、relative。
- position:static 无定位
一般标签元素不加任何定位都是静态定位,是默认值,不需要去特别的声明使用,不过要考虑的一种情况是,遇到的继承的情况,不想看到元素本身被继承的属性所影响,从而可以用position:static取消继承,还原他的默认值。
- position:absolute 相对定位
相对定位,相对于最近的标签元素进行定位,也就是上一级父元素进行定位的,他有bottom、top、left、和right四个属性,分别是相对于父元素的下、上、左、右进行一定距离的移动、会脱离文档流,父元素设置了relative就会以设置了relative的元素为基点进行定位,没有设置的话,默认就是以html根元素进行定位的。
- position:relative 绝对定位
绝对定位是以static进行定位的,也就是默认的元素节点,也就是当前元素,同样也有bottom、top、left、right四个属性
- position:fixed 固定定位
固定定位顾名思义就是以整个视口窗口进行定位的,就是固定到整个网页页面上,不会造成页面的元素被影响。
总结:定位的四个属性除了static,剩下的属性都是对于某一个基点进行定位的只不过是基点不同而已