垂直弹簧垫片CSS

不幸的是,没有一种纯粹的CSS方法可以做到这一点,因为您要做的是:

spring height = parent height - n children's height

标记

<div id="parent">
    <div id="top">...</div>
    <div id="spring">SPROING!!</div>
    <div id="bottom">...</div>
</div>

var leftover = $('#parent').height() - $('#top').height() - $('#bottom').height();
$('#spring').height(leftover);

在 action here .