Div mit Breite: 100% und max-width und Ränder, bei Größenänderung ist der rechte Rand nicht sichtbar

Wenn das Fenster kleiner als die div ist, wird der rechte Rand nicht angezeigt. Irgendeine Idee, wie man es repariert?Div mit Breite: 100% und max-width und Ränder, bei Größenänderung ist der rechte Rand nicht sichtbar

Beispiel:

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

Quelle

2016-03-20 raulx222

Verwenden Sie 'width: auto' anstelle von' 100% '. 100% macht den Rand bedeutungslos - da das div bereits 100% des Raums einnimmt, wo wird der Spielraum liegen? Blockelemente werden jedoch automatisch auf die volle Breite ausgebreitet, abzüglich des Rands ... was zu sein scheint. –

Bitte entfernen Sie die Breite 100% oder auf auto gesetzt.

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

Quelle

2016-03-20 16:23:19 satya

Ah, ich hatte auch Display: Inline-Block; aber ich habe jetzt geblockt. Vielen Dank! – raulx222

Div mit Breite: 100% und max-width und Ränder, bei Größenänderung ist der rechte Rand nicht sichtbar

Antwort

Verwandte Themen