css – 如何创建div以填充页眉和页脚div之间的所有空间

前端之家收集整理的这篇文章主要介绍了css – 如何创建div以填充页眉和页脚div之间的所有空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力从使用表的布局目的到使用div(是的,是伟大的辩论)。我有3个div,一个标题内容和页脚。页眉和页脚各为50像素。如何获取页脚div留在页面底部内容div填充之间的空间?我不想硬编码内容div的高度,因为屏幕分辨率可以改变。

解决方法

总结(这是来自Traingamer提供的 CSS Sticky Footer链接),这是我使用的:
html,body 
{ 
    height: 100%; 
} 

#divHeader
{
    height: 100px;
}

#divContent
{
    min-height: 100%; 
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%; 
    margin: 0 auto -100px; /*Allow for footer height*/
    vertical-align:bottom;
}

#divFooter,#divPush
{
    height: 100px; /*Push must be same height as Footer */
}

<div id="divContent">
    <div id="divHeader">
        Header
    </div>

    Content Text

    <div id="divPush"></div>
</div>
<div id="divFooter">
    Footer
</div>
原文链接:https://www.f2er.com/css/222164.html

猜你在找的CSS相关文章