No puedo entender: ¿esto es realmente un error o simplemente me estoy perdiendo algo?Firefox: tamaño de caja y altura mínima
que tienen box-sizing: border-box
conjunto para toda mi div dentro de un documento HTML (con todos los -moz
y -webkit
prefijos, por supuesto). Entonces significa que el height
de un div siempre incluye su padding
. Es razonable esperar que la propiedad min-height
actúe de forma similar. Pero aparentemente, en Firefox no.
Es decir, cuando tengo un div sin height
conjunto (es decir height: auto
), pero con un min-height
(por ejemplo, 220px) y padding
(por ejemplo, 10px), que da lugar a la altura total de la div siendo 240px vez de 220 en Firefox! Sin embargo, se mantiene bien en Chrome y Opera.
¿No debería ser corregido o es una característica que no obtengo?
Bueno, quirksmode.org menciona que el tamaño de caja no funciona con min-height/min-width - http://www.quirksmode.org/css/box.html (aproximadamente a la mitad de la página). No estoy muy seguro de por qué esto es así. – whostolemyhat
Eso es muy extraño, porque el ancho máximo respeta el tamaño de la caja. – Neil