ボックスを中央寄せ

質問

CSSで以下の要件を実現したいのですがいい方法が見つかりません。
よろしくお願いします。

ボックスを左右中央に配置
左右にマージンが取れるときはボックスの幅は固定
左右のマージンが取れないときはボックスの幅を可変にする

例
ウィンドウ幅1000 左マージン250 ボックス幅500 右マージン250
ウィンドウ幅 500 左マージン0 ボックス幅500 右マージン0
ウィンドウ幅 300 左マージン0 ボックス幅300 右マージン0

回答No.1

salonpath · ベストアンサー

max-widthは試してみた？

お礼

確認に時間がかかってしまいました。
max-widthで希望の動作が実現できました。ありがとうございます。