position属性比较

[问答题]

position属性比较

火柴哥

position有以下属性

static：默认值，静态定位。如果省略position属性，浏览器就会默认认为该元素是static定位。这时浏览器会按照码源的顺序，决定每个元素的位置

relative：相对定位，是相对于static的位置。即相对于默认位置进行偏移

absolute：绝对定位，是相对于上一级的元素（一般是父元素）进行偏移

fixed：固定定位，相对于浏览器窗口进行偏移，即定点基点为浏览器窗口，这样设置会导致元素不会随着页面的滑动而移动

编辑于 2020-05-25 22:26:13 回复(0)

南风吹北巷201806282012218

fixed：以浏览器窗口为参考点，不随窗口滚动，不占据空间，可与其他元素重叠

relative：以原来自身位置为参考点，占据原来位置，移动会覆盖其他元素

absolute：以最近的已定位父元素为参考点，与文档流无关，不占据空间，可与其他元素重叠

sticky：relative+fixed，一般随页面滚动，超过某个阈值，即滑动到特定位置时固定

static：默认值，没有定位

inherit：继承父元素定位

发表于 2019-12-26 11:36:50 回复(0)

提交观点

问题信息

上传者：小小

难度：

2条回答 76收藏 856浏览

扫一扫，把题目装进口袋