首页 > 试题广场 >

position属性的值有哪些及其区别

[问答题]

position属性的值有哪些及其区别

查看答案及解析
添加回答
牛牛百分百头像 牛牛百分百
<p>position：relative；相对定位</p><p>position：absolute；绝对定位</p><p>position：fixed；固定定位</p><p><br></p><p><br></p>
发表于 2020-06-05 19:04:28 回复(0)
火柴哥头像 火柴哥
<p>position有四种属性分别为：静态定位，相对定位，绝对定位，固定定位</p><p>static：固定定位，是position的默认属性值，如果没有声明position就会以这个属性进行布局，即按照码源的顺序来放置元素。</p><p>relative：相对定位是相对于static的位置进行偏移。比如left：20</p><p>absolute:绝对定位，一般是相对于其父级的元素进行偏移</p><p>fixed：固定定位，相对于浏览器窗口，用了这个属性，在页面滚动的时候，对应的元素不会随着页面滚动</p><p><br></p>
发表于 2020-05-30 21:31:53 回复(0)
N1922头像 N1922
这里要注意一点，设置position:relative的时候，原来的dom空间还保留着，相当于滑动一段距离。
relative 是相对于父级原始点进行定位，如果父级没有，则往上走，最终和body定位。
absolute 是跳出文档流，相对于父级定位，若父级没有position ， 则往上级找有position属性的元素，若都没有，则和body定位。
发表于 2020-03-18 17:07:48 回复(0)
提交观点

问题信息

上传者：小小
难度：
3条回答 1209浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号