Подтвердить что ты не робот

CSS 100% высота контейнера с минимальной высотой

У меня есть ситуация, когда я пытаюсь сделать элемент занимающим 100% высоты его контейнера, - и элемент контейнера имеет только минимальную высоту. К сожалению, когда я это делаю, директива height игнорируется. Вот пример. "B" div, красный, должен заполнить весь родитель. Это не в IE7, Chrome или FF3.6.

Если бы я имел в контейнере "height: 1px", "a" div, то "b" растягивается на всю высоту "a". См. здесь. Но это только в FF3.6 и IE7, а не в Chrome. Поэтому я думаю, что я делаю что-то не так.

Я чувствую, что это общая проблема, что должно быть решение, которое я просто не вижу. Каков наилучший способ достижения растяжения в высоту в этом случае?

4b9b3361

Ответ 1

Ваш CSS означает, что высота дочернего элемента составляет 100% от указанной высоты родительского элемента. Если вы не укажете высоту для родителя, то 100% ничего не значит. Следовательно, это не сработает.

То, что вы хотите, может быть достигнуто с помощью position:relative для родителя и position:absolute для дочернего элемента:

http://jsfiddle.net/57EZn/25/

Это не красивое решение, но оно делает то, что вам нужно.