Я хотел .cols внутри .row наследовать .row «s высоту и сделать .cols быть закреплен внутри .row. Вот скрипка. http://jsfiddle.net/Hhf8R/Наследование высота родителя не работает
Моя идея состоит в том, чтобы сделать это как стол, но с помощью div. : http://jsfiddle.net/hhUtb/
для того, чтобы divs составляли 100% от высоты их родителя, родитель должен иметь определенную высоту.
браузер не может рассчитать 100% (или наследовать) того, что еще не было полностью отображено.
Необходимо установить свойство CSS height на родительском, если вы хотите, чтобы он наследовал его.
Если вы хотите, чтобы ваша высота была динамичной на основе контента, это то, чего не удалось достичь с помощью CSS. Есть несколько разных методов; this one кажется хорошим местом для начала.
спасибо, это хорошая статья, но я думаю, что html довольно запутан. – rjmcb
Для того, чтобы иметь значение, вам нужна явная высота для родителя row, для того чтобы inherit.
Добавить объявление высоты к ряду:
и плавали столбцы наследуют высоту родителя.
(Sidenote: Там будут люди, которые говорят, что поплавки не могут наследовать высоты:.
CSS - make div's inherit a height
, но это не обязательно так)
Вы можете зафиксировать высоту ваш контент в js, проверив изменение, которое может преобразовать ваш контент.
Например, у меня есть редактор Html, который анимирует курсор с помощью setTimeout. Когда курсор оживляет, я меняю высоту своей ячейки, если это необходимо.
, поэтому вы имеете в виду, что мне нужно установить высоту контейнера? – rjmcb
Да, но, как сказал Джесси, это довольно нетривиальная задача только с CSS. если у вас нет статической высоты, это непросто. динамически выращенные столбцы намного сложнее –