Firefox: tamaño de caja y altura mínima

Question

No puedo entender: ¿esto es realmente un error o simplemente me estoy perdiendo algo?

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?

Answer 1

... ¿es realmente un error ... No debería esto ser fijo, o se trata de algún tipo de una característica que no entiendo?

It will corregir (no es un error).
Pero por ahora deberías votar por este bug.
Si te sirve de consuelo, min-/max-width parece funcionar bien.

Answer 2

me escribió una Modernizr test para detectar esta constelación (min-height, y paddingbox-sizing: border-box). Puedes read more al respecto en mi blog o ver un JSFiddle with the test and a fix applied.