1

このようなマークアップが与えられた場合:

<body>
  <div style='text-align:center'>header</div>
  <table>
    <tr><td>
      really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
    </td></tr>
  </table>
</body>

テーブルの幅が広すぎて水平スクロールバーが導入されている場合、どのようにレンダリングする必要がありますか?

ヘッダー div は、最も左に表示されている画面の中央に配置する必要がありますか、それともテーブルの上に中央配置する必要がありますか? または、他の何か？

注：何が起こるかはわかっています。私が探しているのは、何が起こるべきかを定義する公式リファレンスです（私は問題に遭遇しました）。

4

1 に答える 1

2

Adivはブロック要素であり、定義により、デフォルトはその親コン​​テナーにwidth設定されています。100%この場合の親コンテナーは、ブラウザー ウィンドウの表示部分です。

そのため、下のテーブル (またはその要素) の幅がどれほど広くても (または狭いので試してみてください)、divは、表示されているブラウザ ウィンドウの 100% を占めます。

はウィンドウと同じ幅なのでdiv、ウィンドウの中央に表示されます。

これに関する「公式の」参照はありませんが、DOM と CSS の仕様がどのように機能するかは知っています。

于 2009-12-04T16:21:41.093 に答える