拉伸div,顶部和底部都有边距-css / css3

|| 我有一个包含div的页面,如下所示;
<div id=\"container\">
    <div id=\"header\"></div>
    <div id=\"content\">
        <div id=\"wrap2\"></div>
        <div id=\"wrap\"></div>
    </div>
    <div id=\"footer\"></div>
</div>
我对
wrap2
有特定的高度,我希望
wrap
填充
wrap2
以下但
footer
以上的区域。您可以在这里看到小提琴。我想在
wrap2
footer
之间拉伸
wrap
。我正在寻找一个纯CSS解决方案。 我怎样才能做到这一点?     
已邀请:
您不能使用纯CSS。这也许是关于CSS的最大的抱怨。最准确的选择是使用JavaScript。在onload和onresize上调用一个JS函数,该函数获取视口的高度,减去页脚和页眉的高度,然后设置div的高度以填充其余部分。     
我通过将
padding-bottom: 31px;
设置为
#content
并将
100% height
设置为
wrap
来解决它。 你可以在这里看到结果 感谢@ DA,@ Jaspero和@Ima Student     

要回复问题请先登录注册