2016-03-20 12 views
0

サイズ変更時に、ウィンドウがdivより小さい場合、右マージンは表示されません。どのようにそれを修正するための任意のアイデア?幅:100%、最大幅とマージン、右マージンのサイズ変更では表示されません。

例:

<div style="width:100%;max-width:500px;background-color:red;margin:0 30px 0 30px;">TEST</div>

+0

「100%」ではなく「幅:自動」を使用してください。 100%はマージンを意味のないものにします。ディビジョンはすでに100%のスペースを取っているので、マージンはどこに行くのですか?しかしブロック要素は自動的に全幅に広がり、マージンを差し引いたものです... –

答えて

2

幅100%を削除するか、または自動に設定してください。

<div style="width:auto;max-width:500px;background-color:red;margin:0 30px 0 30px;">TEST</div> 
+0

ああ、私はまたディスプレイを持っていた:インラインブロック;私は今ブロックするように変更しました。ありがとう! – raulx222

関連する問題