Firefox: размер коробки и минимальная высота

Question

Я не могу понять: это действительно ошибка или я просто что-то упустил?

У меня установлено box-sizing: border-box для всех моих div в документе HTML (со всеми -moz и-webkit префиксы, конечно).Таким образом, это означает, что height div всегда включает его padding.Разумно ожидать, что свойство min-height будет действовать аналогично.Но, очевидно, в Firefox это не так.

Я имею в виду, когда у меня есть div без набора height (т.е. height: auto), но с min-height (скажем, 220px) и padding (скажем, 10px), это приводит к тому, что общая высота div составляет 240px вместо 220 в Firefox!Впрочем, в Chrome и Opera все в порядке.

Разве это нельзя исправить, или это какая-то особенность, которую я не получаю?

Answer 1

… действительно ли это ошибка… Разве это нельзя исправить или это какая-то особенность, которую я не получаю?

Это будет быть исправлено (это ошибка, а не особенность).
Но сейчас вы должны проголосовать за эту ошибку .
Если это утешит min-/max-width, кажется,работать просто отлично, хотя.

Answer 2

Я написал тест Modernizr для обнаружения этого созвездия (min-height, padding и box-sizing: border-box).Вы можете узнать больше об этом в моем блоге или посмотреть JSFiddle с тестом и исправлением .

.