0

我有一个 div 以这种方式居中对齐：

<div id="container" style="position:absolute; top:0px; left:50%; margin-left:-500px; width:1000px;"></div>

正如这个解决方案试图在屏幕中水平和垂直居中 div建议的那样。

问题在于，如果客户端窗口的宽度（在 FF 15.0.1 中尝试过）小于 1000px，水平滚动条将不允许显示 div 的左侧。

有没有纯 html/css 的方法来解决它？

4

1 回答 1

2

唔。您不能调整客户端窗口的大小。
您可以做的一件事是避免左滚动将父 div 的宽度设置为1000px

  <div id="parent" style="min-width:1000px;"> 
      <div id="container" style="position:absolute; top:0px; left:50%;
        margin-left:-500px; width:1000px;"></div>
  </div>

注意：
您可能需要将 html 和 body 标签的宽度设置为min-width=100%

更新：

 <html style="min-width: 100%; background-color:Gray;">
 <body style="min-width: 100%; background-color:White;">
 <div id="parent" style="min-width: 1000px; position:relative;">
    <div id="container" style="position: absolute; top: 0px; left: 50%; margin-left: -500px;
        width: 1000px; border: 1px solid red; height: 10px;">
        1 2 3 4 5
    </div>
  </div>
 </body>
 </html>

我错过position:relative了描述。此代码正在运行。

于 2013-02-21T19:16:27.377 回答