如何将div拉伸到100%的页面高度？

Question

如何将div拉伸到100%的页面高度？

<html>
    <head>
        <style>
            .100PercentHeight{ }
        </style>

        </style>

    <body>
        <div class='100PercentHeight'>hihi</div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

如何将div拉伸到页面的100%高度？

Answer 1

eKe*_*ek0 8

尝试(它应该适用于大多数浏览器):

.100PercentHeight, html, body {
    height : auto !important; /* Ignored by Internet Explorer, applied everywhere else. */
    height : 100%;            /* Internet Explorer treats as min-height. */
    min-height : 100%;        /* Internet Explorer ignores this. */
}

Run Code Online (Sandbox Code Playgroud)

Answer 2

Gab*_*ley 6

应用

html, body, .100PercentHeight{
    height:100%;
}

Run Code Online (Sandbox Code Playgroud)

应该产生你正在寻找的效果.你需要这三个.

但是,它实际上并不能实现您的想象,并且可能会出现问题.人造柱技术或"粘性页脚"往往效果更好.

归档时间：	16 年，5 月前
查看次数：	9373 次
最近记录：	9 年，5 月前