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

うーん。クライアント ウィンドウのサイズを変更することはできません。
あなたができることの1つは、親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 に答える