Можно ли диву со свойством display: table-cell указать height: 100%?

Question

[timtimIT]

Здравствуйте,

подскажите, можно ли диву со свойством display: table-cell указать height: 100% относительно родительского дива, то есть родительский див имеет свойство display: table-row , и нужно чтобы все дочерние элементы имели одинаковую высоту... на деле почему-то не получается... хочу узнать, это в принципе должно работать?

Answer 1

[Антон Нагаец]

Display:

table	Определяет, что элемент является блочной таблицей подобно использованию тега <table>.
table-row	Элемент отображается как строка таблицы (тег <tr>).
table-cell	Указывает, что элемент представляет собой ячейку таблицы (тег <td> или <th>).

codepen.io/gr1mm3r/pen/dMMRKV

Comments

[timtimIT]

все верно, уже разобрался , спасибо.

Answer 2

[Алексей Николаев]

Можно. Но зачем?
Ячейки таблицы автоматически занимают всю доступную ширину и высоту, вне зависимости от их содержимого. Это их ключевая особенность - пример на jsfiddle. А у вас, скорее всего, что-то не так в верстке.

Comments

[timtimIT]

Да, уже разобрался... спасибо.

Answer 3

[Котик Антон]

Поменяйте display: table-row у родительского элемента на display: table.

Comments

[timtimIT]

не работает..

Answer 4

[Сергей Горячев]

Только в том случае, если высота родителя известна.

Comments

[timtimIT]

тогда в таком случае display: table вообще не нужен будет...

Answer 5

[Андрей]

Если у дива в котором лежит display table задана высота, тогда можно поставить 100% иначе высота будет считаться из размера ячеек.