浮动元素与绝对定位元素重叠的问题

新手上路,请多包涵

在学习BFC的时候看到一条规则:BFC的区域不会与float box重叠。但是想到绝对定位元素也创建了BFC,但是会与浮动元素进行重叠,想请教这里的原因。当绝对定位元素与浮动元素重叠后,绝对定位元素始终在浮动元素上方,这里的原因是什么?

阅读 4.5k
2 个回答
新手上路,请多包涵

绝对定位元素已经脱离了正常文档流,并且与浮动元素不在一个定位流中,绝对定位元素会产生层叠上下文,z-index优先级更高,因此会覆盖在上方。

新手上路,请多包涵

我也很纳闷这个问题,绝对定位的层级更好,高一层的元素可以看到下一层的东西按说不会绝对定位的元素不会覆盖浮动的块盒,
我在定位元素上边放了一个普通的文档流的块盒(里面有文字生成一个匿名的行盒),但是这时定位的元素又不会覆盖普通流的块盒子了,真是好迷离

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题