Question

我现在有这样的事情：

<div class = "className" style = "position: absolute; left: 50%; margin-left: -500px;" >

当浏览器的窗口足够大（超过1000px宽）时，这很好用，但是当我将其调整为较小的宽度时，div的一部分溢出到左边，滚动条不会覆盖溢出的区域。我在Firefox，Chrome和IE8上试过它，都会导致相同的症状。我怎样才能解决这个问题？这是一个演示：http://pastehtml.com/view/bsanetaio.html（尝试将浏览器窗口调整为小于1000像素的宽度以查看问题）。

Answer 1

这应该达到预期的效果。请注意，内部div没有绝对位置。

<div style="position: absolute; left:50%">
  <div style="width: 1000px; margin-left: -500px;">

  </div>
</div>

虽然可能有更好的方法来做你想做的事情。

Answer 2

最好使用margin:0 auto作为内容的中心。它比绝对

更好

负边距和滚动条

2 个答案: