Лучше ли всегда использовать «минимальную высоту» вместо высоты в CSS?

Question

Должны ли мы всегда стараться не давать "height" элементам в XHTML через CSS?

Если да, я думаю, что min-height было бы лучше, чем фиксированная высота.

Какой кросс-браузерный, допустимый css W3C, не-javascript метод "min-height" в css для браузера, который не поддерживает min-height?

если я добавлю min-height к любому примеру тега <div>, то в будущем в большем количестве контента появится необходимость изменить высоту div или если определено min-height, тогда нет необходимости.

Должен ли я использовать min-height всегда вместо height?

Answer 1

Нет. Есть много раз, когда разумно использовать height. (Это не тот случай, когда есть содержимое переменной высоты (включая текст любого типа) в элементах, для которых overflow не установлен по умолчанию, но они существуют).

Какой кросс-браузерный, допустимый css W3C, не-javascript метод "min-height" в css для браузера, который не поддерживает min-height?

Единственный браузер, который действительно интересует людей, который попадает в эту группу, - это IE6, и в нем есть ошибка, в которой он все равно обрабатывает height и min-height для overflow: visible контента. Итак:

#foo { 
  height: 10em;
  min-height: 10em;
}

html>body #foo {
  height: auto;
}

… или используйте условные комментарии.

Answer 2

Какой кросс-браузерный, допустимый css W3C, не-javascript метод min-height в css для браузера, который не поддерживает min-height?

Мой обходной путь обычно заключается во вставке элемента, который не мешает остальному содержимому и имеет высоту min-height пикселей.

Должен ли я всегда использовать минимальную высоту вместо высоты?

Есть случаи, когда вы хотите, чтобы высота была фиксированной, например, с контейнером, содержимое которого равно overflow: auto, поэтому я бы сказал, нет, определенно нет.