Я хочу разделить вид на четыре части. Верхний колонтитул, используя полную ширину страницы и фиксированную высоту.
Оставшаяся страница разделена на два блока одинаковой высоты, верхняя из которых содержит два блока одинакового размера рядом друг с другом.
Я попробовал (без заголовка):
#wrap {
width: 100%;
height: 100%;
}
#block12 {
width: 100%;
max-height: 49%;
}
#block1,
#block2 {
width: 50%;
height: 100%;
float: left;
overflow-y: scroll;
}
#block3 {
width: 100%;
height: 49%;
overflow: auto;
/*background: blue;*/
}
.clear {
clear: both;
}
<div id="wrap">
<div id="block12">
<div id="block1"></div>
<div id="block2"></div>
<div class="clear"></div>
</div>
<div id="block3"></div>
</div>
Очевидно, использование процентного значения для высоты не будет работать таким образом. Почему это так?