высота вложенного в table-cell блока

[vip]

Доброго дня.

 

можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя.

В примере блок .height должен быть по высоте блока .right

http://jsfiddle.net/digitalmedia/hokck58k/

[tt48]

Можно прописать .right{ position: relative;} и .height{ position: absolute; height: 100%;} //+ задать координаты одного из краёв.

Это работает, но спецификация говорит, что position: relative; с блоками display: table-cell; использовать нельзя. Т.е. стабильности работы прогнозируемо нет.

 

Другой вариант - должна быть явно задана высота род. блока. Тогда можно задать высоту 100% для дочернего.

 

Остальные варианты - поискать по запросы "колонки одинаковой высоты".

Например:

http://chikuyonok.ru/2009/06/float-columns/

http://trifler.ru/blog/i/layouts/absolute/anchor.htm

http://www.cssplay.co.uk/layouts/3cols2.html

[SelenIT]

спецификация говорит, что position: relative; с блоками display: table-cell; использовать нельзя

 

Неправда, спецификация такого не говорит. Спецификация говорит о неопределенности при position:absolute для табличных элементов, но и тут браузеры худо-бедно договорились. А с relative был лишь досадный многолетний баг Фокса, но в прошлом году его успешно пофиксили.

[tt48]

Хум. Ну да за 4 года многое изменилось

Спасибо. Надо будет освежить память по спецификации.

[vip]

Спасибо,

буду смореть, что лучше подходит в момем случае.

Edited June 24, 2015 by vip