Можно ли и как захватить высоту блока родителя?

Question

[keche]

Возможно ли вообще и как автоматически захватить всю высоту блока родителя?

Приложил скрин, на котором видна конструкция.

<div class="container">
<div class="child">11</div>
</div>

Ширина захватывается вся (видно красным выделением), а высота нет.
Нужно захватить высоту блока container блоку child.

Comments

[Андрей]

Чет я поспешил, а что значит захватить? Что вообще требуется?

[keche]

Захватить - залить.
Если задать width 100% то с помощью bg color red, заливается весь блок по ширине. А как это сделать по высоте?
Причем блок container будет растягиваться по высоте автоматически, и как сделать чтобы вся высота автоматически заливалась красным цветом?

[Андрей]

keche: потомку position: absolute, width & height: 100%, top: 0, left: 0;
родителю, соотвественно, position: relative;

[keche]

Андрей: настоящее шаманство, спасибо, работает! :)

Answer 1

[Максим Тимофеев]

А чем height:100%; не устраивает?
https://jsfiddle.net/mzpc5th7/

Comments

[Андрей]

если будет у родителя высота auto то 100% у потомка не сработают.

[Максим Тимофеев]

Андрей: да, но автор не уточняет. Так зачем гадать? Если родитель фиксированной высоты, то height:100%; сработает на ура и оптимальнее всего.

[Андрей]

Максим Тимофеев:

Причем блок container будет растягиваться по высоте автоматически, и как сделать чтобы вся высота автоматически заливалась красным цветом?