2013-01-24 11 views
6

Ich arbeite an einer Website und verwende die Box-Sizing-Methode, um zu verhindern, dass divs beim Hinzufügen von Padding die Größe ändert.Chrome unterstützt keine Box-Sizing?

Ich habe folgende ...

-moz-box-sizing:padding-box; 
box-sizing:padding-box; 
-webkit-box-sizing:padding-box; 

Weiß jemand, der ein Problem in Bezug auf Chrom dies unterstützen?

+1

Ich denke, Sie könnten vielleicht "Box-Sizing: Border-Box;" und das sollte auch in Chrome funktionieren. –

+1

border-box ist nicht dasselbe wie padding-box Billy – Tomkay

Antwort

4

Sie box-sizing: border-box; anstelle von box-sizing:padding-box; verwenden können.

padding-box ist experimentell und enthält die Padding-Größe in der Höhe und Breite eines Elements, jedoch ohne Rand oder Rand.

border-box; gibt es schon seit einiger Zeit und enthält die Padding-Größe und den Rand in der Höhe und Breite eines Elements, aber nicht den Rand. Es wird von allen gängigen Browsern unterstützt, erfordert jedoch ein Präfix in Firefox. Beispiel:

-moz-box-sizing: border-box; 
box-sizing: border-box; 

Weitere Informationen finden sich https://developer.mozilla.org/en-US/docs/CSS/box-sizing.

Verwandte Themen