CODEWITHSUNDEEP
htmlcss
oneat
oneat

Reputation: 10994

filling remaining space without JS

is there a way for 'fill' to fill by its height remaining space without using JS?

<div id="all" style="height: 30%">
<div id="ukn" style="height: unknown"></div>
<div id="fill"></div>

</div>

Upvotes: 0

Views: 64

Answers (2)

lukiffer
lukiffer

Reputation: 11293

Simply place the unknown div inside the #fill div and set its height to 100%.

<div style="height:30%;">
    <div id="fill" style="height:100%;">
        <div style="height:_unknown_;"></div>

    </div>
</div>

Upvotes: 2

Kevin Bowersox
Kevin Bowersox

Reputation: 94429

#fill{
min-height: 250px;
}

You may need to change the pixels to the height you would like.

Upvotes: 0

Related Questions