Вопрос по заданию height в процента при position: absolute

Есть код:
<body>
<section class="bg"></section>
</body>
body{
width: 100%;
height: 100%;
background: #ccc;
position: relative;
z-index: 2;
}
.bg{
width: 100%;
height: 300px;
position: absolute;
background: #666;
z-index: 1;
}
Если для .bg поставить height в пикселях, тогда всё ок. Если поставить height в %, то не работает. Как побороть этот момент?
15 сентября 2016 в 13:39
Ближайшие курсы
Внутренние коммуникации и культура
Внутренние коммуникации и культура
4
марта
Объектно-ориентированное программирование
Погружение в ООП
4
марта

Java. Уровень 3
Профессиональная разработка программного обеспечения
4
марта
Новые статьи

Триггеры доверия на сайте: работающие элементы и принципы
22800

Как и почему стоит начать работать с Figma
26500

UI-дизайнер: подробно о профессии дизайнера интерфейсов
57700