Hello! Can anyone assist me with CSS styling without involving JavaScript?
I am looking to set up the main block with a fixed or variable height, based on a percentage of its parent container, not the window height.
<div class="main" style="height: 1337px;">
<div class="foo">
Display this block in the regular manner
(without a fixed height)
</div>
<div class="bar">
Ensure that this block occupies the full height
(bar = main - foo - foo)
regardless of its content
</div>
<div class="foo">
Display this block normally
(without a fixed height)
</div>
</div>