@timtimIT

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

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

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

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


codepen.io/gr1mm3r/pen/dMMRKV
Ответ написан
Можно. Но зачем?
Ячейки таблицы автоматически занимают всю доступную ширину и высоту, вне зависимости от их содержимого. Это их ключевая особенность - пример на jsfiddle. А у вас, скорее всего, что-то не так в верстке.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
27cm
@27cm
TODO: Написать статус
Поменяйте display: table-row у родительского элемента на display: table.
Ответ написан
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Только в том случае, если высота родителя известна.
Ответ написан
P1RATE
@P1RATE
Если у дива в котором лежит display table задана высота, тогда можно поставить 100% иначе высота будет считаться из размера ячеек.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы