关于css的position属性的描述

下述有关css属性position的属性值的描述,说法错误的是?

牛客网错题集
  • static:没有定位,元素出现在在正常的流中
  • fixed:生成绝对定位的元素,相对于父元素进行定位
  • relative:生成相对定位的元素,相对于元素本身正常位置进行定位
  • absolute:生成绝对定位的元素,相对于static定位以外的第一个祖先元素进行定位

错误答案:B

在HTML中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示:

img

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,剩下的属性都是对于某一个基点进行定位的只不过是基点不同而已

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值