Как разбить блок по вертикали?

Question

[Galdar Turin]

Нужно реализовать вертикальных блок привязанный к правой стороне экрана с разделением на 3 части. Первая это "голова" фиксированного размера, потом "тело" которое должно иметь высоту до начала нижнего блока и нижний блок "подвал" который снова имеет фиксированную высоту. Так вот, если "голову" и "подвал понятно" как сделать, то вот тело???

Answer 1

[Антон Усачев]

Answer 2

[Eobard Thawne]

<div id="main" style="height: 100 px; width: 100px;">
   <div id="golova" style="height: 35%; width: 100px;"></div>
   <div id="telo" style="height: 35%; width: 100px;"></div>
   <div id="podval" style="height: 30%; width: 100px;"></div>
</div>

Comments

[Максим]

не height а width

[Eobard Thawne]

Максим Ленский, ну он про высоту говорит, а ширину может любую поставить, какая разница.

[Максим]

Eobard Thawne, а разве высота в 100% будет работать без указание высоты 100% html,body ?

[Eobard Thawne]

Максим Ленский, что? перечитайте коммент :/

[Максим]

Eobard Thawne, вы не поняли меня, у вас написано что main 100% а внутренние блоки в процентах которые наследуются от main так main же 100% т.е 0 по факту ...разве нет ?

[Eobard Thawne]

Максим Ленский, аа, я вас понял, ну я написал на всякий что бы он в пикселях указал, но сейчас исправлю. Извините :D

[Максим]

Eobard Thawne, именно ..надо для html,body указать высоту тогда заработает и у наследников, либо писать высоту в vh

[Eobard Thawne]

Максим Ленский, Все

[Eobard Thawne]

Максим Ленский, просто я auto ставил, и подумал что у меня не auto, а тоже 100% везде