Question

这很奇怪，但IE8目前比FF更好地处理我的布局。使用Firefox，每个绝对定位元素都以页面中间为中心，而不是以它的父级为中心，你有哪个类位置：绝对;和位置：相对; - 这在我的布局上发生了几件事。布局在Chrome / IE8 +中非常完美。

任何已知的修补程序或任何类似的问题？

感谢。

Answer 1

确保父元素

position: relative

这是fiddle：

#red{
  width:200px;
  height:200px;
  background: red;
  position: relative;
}
#blue{
  width:100px;
  height:100px;
  background: blue;
  position: absolute;
  left: 50%;
  margin-left: -50px;
}

<div id="red">
  <div id="blue"></div>
</div>

Firefox绝对位置位于父容器之外且位于屏幕中间

1 个答案: