0

絶対位置にあるdivがあり（それ自体が絶対位置にあるサブdivを保持しているため）、水平方向に中央に配置する必要があります。

私は次のCSSを使用してそれを達成することができます

width : 512px;
position : absolute;
left : 50%;
margin-left :-256px; // half width of div

（ http://jsbin.com/eruwep/2/editで完全なテスト）

ただし、ウィンドウが十分に大きくない場合、divは左側にオーバーフローします。

ページが十分に大きいときに中央に配置する方法はありますが、それ以外の場合は左揃えにします（CSSのみを使用）。

4

2 に答える 2

1

メディアクエリを試すことができます：http：//jsfiddle.net/RfUZj/

于 2012-10-02T14:20:18.707 に答える
1

なぜposition: absoluteコンテナに使うのですか？絶対に配置された子をコンテナーに対して相対的に配置したいという理由だけであれば、その必要はありませんabsolute。以外の値はそれstaticを行います。

質問で言及した CSS を次のように変更すると、機能するようになります。

width : 512px;
position : relative;
margin : auto;

例: http://jsbin.com/eruwep/3/edit

于 2012-10-02T14:26:03.600 に答える