首页 > 试题广场 >

下列关于 CSS 属性 position 的属性值的描述，说

[单选题]

下列关于 CSS 属性 position 的属性值的描述，说法错误的是？

static：没有定位，元素出现在正常的流中

fixed：生成绝对定位的元素，相对于父元素进行定位

relative：生成相对定位的元素，相对于元素本身正常位置进行定位。

absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。

查看答案及解析

hardy

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

CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。

◆position:static　无定位

该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。

◆position:absolute　绝对定位

使用position:absolute，能够很准确的将元素移动到你想要的位置，

◆position:fixed　相对于窗口的固定定位

这个定位属性值是什么意思呢？元素的定位方式同absolute类似，但它的包含块是视区本身。在屏幕媒体如WEB浏览器中，元素在文档滚动时不会在浏览器视察中移动。例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注。我们也见过相似的效果，但大都数效果不是通过CSS来实现了，而是应用了JS脚本。

请特别注意，IE6不支持CSS中的position:fixed属性。真的非常遗憾，要不然我们就可以试试这种酷酷的效果了。

◆position:relative　相对定位

所谓相对定位到底是什么意思呢，是基于哪里的相对呢？我们需要明确一个概念，相对定位是相对于元素默认的位置的定位。既然是相对的，我们就需要设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置。

发表于 2016-06-22 16:35:33 回复(11)

胡原

static

元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

relative

元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute

元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed

元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

发表于 2015-01-15 15:04:50 回复(0)

可可的

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

发表于 2016-08-15 11:23:21 回复(1)

Amour1018

fixed生成绝对定位的元素，相对于浏览器窗口进行定位

发表于 2015-08-26 15:48:02 回复(2)

不会做

发表于 2017-08-05 22:30:05 回复(0)

festinalente

值	描述
absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

发表于 2019-02-21 10:03:52 回复(0)

迷途小学生

fixed定位应该相对于浏览器窗口进行定位。

absolute:相对于祖先元素中第一个定位不为static的元素进行定位。

relative:相对于正常的文档流进行定位。

static:默认的定位方式。元素出现在正常的文档流。

发表于 2018-12-05 07:26:55 回复(1)

ivuu

absolute应该是相对于static定位以外的第一个有定位的祖先元素(若没有就相对于body)进行绝对定位的吧？d项感觉不是很准确！

发表于 2017-06-20 07:36:00 回复(0)

牛客682345279号

编辑于 2020-06-17 09:12:07 回复(0)

…201909091230891

值	描述
absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

发表于 2020-04-07 17:28:20 回复(1)

牛客512322号

fixed 元素是相对于浏览器窗口进行定位的

发表于 2015-12-30 21:37:21 回复(0)

Sneezry.Lee

fixed相对于窗口定位

发表于 2015-01-30 01:04:07 回复(1)

__sgf__

position:static取消继承，即还原元素定位的默认值。position:absolute绝对定位，能够很准确的将元素移动到你想要的位置。position:fixed相对于窗口的固定定位。position:relative相对定位。

发表于 2022-12-10 19:25:42 回复(0)

今天吃啥呢

fixed：是相对于游览器进行定位

发表于 2022-06-16 15:23:47 回复(0)

平凡丨的世界丶

◆position:fixed　相对于窗口的固定定位

发表于 2020-09-14 11:44:59 回复(0)

来个offer吧好吗

fixed相对于窗口定位

发表于 2020-05-15 13:59:34 回复(0)

溧水

知道fix是不随鼠标滚动而滚动，而是在页面滚动它不会动。

发表于 2019-08-03 16:28:27 回复(0)

sethlee

static 一般不需要特别声明，他是元素在正常的文档流中的定位，当然，如果他的父元素中如果有其它定位影响该元素position属性，我们也可以声明它，让元素脱离控制 fixed 相对于浏览器窗口绝对定位，设置了他的top,right,bottom,left属性后，不会随着页面下拉而变化，很多网页中的广告就是利用了这个属性 absolute 相对于离自己最近的相对定位的父元素进行绝对定位， relative相对于自己本来的位置定位

发表于 2019-06-07 20:22:02 回复(0)

徐子墨

static不动 relative绝对 absolut绝对 fixed相对视窗同是position的属性

发表于 2019-01-07 23:01:05 回复(0)

猿来

发表于 2018-08-05 09:23:06 回复(0)

提交观点

问题信息

CSS 前端工程师百度浩鲸科技 2020

来自：前端工程师能力评估

上传者：小小

难度：

43条回答 2763收藏 25664浏览

下列关于 CSS 属性 position 的属性值的描述，说

问题信息

热门推荐

相关试题