Padding fügt div width / height hinzu? [Duplikat]

Das Content-Box-Modell gibt an, dass Padding und Rahmen in width nicht zählen. dass Sie für eine Box festlegen. Also fügen sie zu ihrem width hinzu.

Moderne Browser unterstützen CSS3s box-sizing: border-box , damit width den Gesamtwert darstellt Breite des Inhalts, Auffüllens und Ränder (der Standard ist natürlich content-box , löst das obige Verhalten aus).

Die Breite ist die Breite, die Ihr Inhalt ausfüllen kann, nicht die Breite des Rahmens, der durch Ihren Rahmen begrenzt wird.

Vielleicht habe ich es falsch verstanden, aber ich denke, dass du dein Problem lösen kannst, indem du width: auto für das div verwendest anstatt width: 100% ; PS: Ich weiß, dass der Beitrag alt ist, aber vielleicht noch nützlich sein kann ...