Я немного поработал над этим, но я просто хотел спросить людей, которые знали бы гораздо лучше, чем я.
Правда ли, что установка высоты в ячейку таблицы действует только как минимальная высота? Я знаю, что это верно в Firefox, но какие другие браузеры это делают?
Короткий ответ: ДА. Я попытался загрузить следующий код:
<table border="0" style="background-color: yellow;">
<tr style="background-color: green;">
<td>row 0 cell 0</td>
<td>row 0 cell 1</td>
</tr>
<tr style="background-color: green;">
<td height="50">row 1 cell 0</td>
<td>row 1 cell 1</td>
</tr>
<tr style="background-color: green;">
<td style="height: 50px;">row 2 cell 0</td>
<td>row 2 cell 1</td>
</tr>
</table>
Оба (высота и стиль) работают одинаково в браузерах, которые я пробовал:
from: http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height
В CSS 2.1 влияние "min-height" и "max-height" на таблицы, встроенные таблицы, ячейки таблицы, строки таблицы и группы строк undefined.
from: http://www.w3.org/TR/CSS21/tables.html#height-layout
Высота поля элемента "таблица-строка" вычисляется после того, как пользовательский агент имеет все ячейки в доступной строке: это максимум строки, вычисленной "высота" , вычисленная "высота" каждой ячейки в строки и минимальной высоты (MIN), требуемой ячейками. Значение "height" для "auto" для "table-row" означает высоту строки, используемую для макета, MIN. MIN зависит от высоты ячеек ячеек и выравнивания ячеек ячеек (подобно вычислению высоты строки строки). CSS 2.1 не определяет, как вычисляется высота ячеек таблицы и строк таблицы, когда их высота указана с использованием процентных значений. CSS 2.1 не определяет значение "высоты" для групп строк.
В CSS 2.1 высота ячейки ячейки - это минимальная высота, требуемая содержимым. Свойство "высота" ячейки таблицы может влиять на высоту строки (см. Выше), но она не увеличивает высоту ячейки.