为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/固定层效果

我没有对box1设置absolute而是把box2设置了absolute，为什么box2没有跑到父元素“box”层的左上角而是依然在box1下面？

我没有对box1设置absolute而是把box2设置了absolute，为什么box2没有跑到父元素“box”层的左上角而是依然排在box1下面？说好的脱离标准文档流呢？


看到两种说法：

【一种是absolute和fixed会使元素保留在自己位置，只是偏移的时候参照已定位祖先（fixed不参照）】；

【还有一种说法就是老师说的absolute和fixed不论祖先有没有被定位，都会先自动脱离文档流跑到其最近父元素的左上角，然后偏移的时候再参照已定位祖先（fixed不参照）】



这两种说法到底哪种对的？？

末口糖

2016-04-10

源自：固定层效果  1-3

关注问题 我要回答
592
操作
收起

正在回答

3 回答

itnotf 回答被采纳 +3 积分
2016-04-10

只设置了absolute但是没有设置偏移量的时候并没有脱离标准文档流

0 回复 有任何疑惑可以回复我~
收起回答
#1

末口糖 提问者

原来是这样...谢了
2016-04-11 回复 有任何疑惑可以回复我~
#2

末口糖 提问者

那我还是有点不懂啊，你的意思是说，只设置了absolute不设偏移量的话，尽管会跑到父元素的左上角，但依然处在流中，占据了它应有的位置是吧？ 但是为什么老师在视频里显示的是，把box1设置absolute，并不偏移，box1却直接就脱离了文档流呢？【因为box2上移了并且与box1叠在了一起
2016-04-11 回复 有任何疑惑可以回复我~
#3

末口糖 提问者

一个是box1一个是box2为啥差别这么大？？ 我觉得可能是和float一样，只对其后紧挨着的相邻元素才会出现这样的现象？ 【因为视频里box2下面没有别的元素了所以看不出来？
2016-04-11 回复 有任何疑惑可以回复我~
慕移动9181930
2022-03-27

setcookie具有7个可选参数，我们常用到的为前5个：ctrl d可以快速删除一行

0 回复 有任何疑惑可以回复我~
收起回答
itnotf
2016-04-11

抱歉，我之前理解错了，元素设置了position : absolute的时候是脱离了标准文档流的。

之所以出现那个问题，是因为设置了position：absolute的时候， left，top的默认值并不是0而是auto。

没有设置 left, top值的时候，left, top的默认值会让元素的位置保持和之前的一样。


0 回复 有任何疑惑可以回复我~
收起回答
#1

末口糖 提问者

好的 没事的 谢谢你
2016-04-12 回复 有任何疑惑可以回复我~
#2

罗布雷东

嘿嘿，刚好也被这个问题困扰。谢了
2016-04-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
固定层效果
  • 参与学习       51911    人
  • 解答问题       148    个

运用属性值就轻松实现网页固定层效果

进入课程

我没有对box1设置absolute而是把box2设置了absolute，为什么box2没有跑到父元素“box”层的左上角而是依然在box1下面？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信