将身高设置为100%

我需要将位于http://www.zorglegal.nl上的所有网页(除主页外)放在同一高度(100%浏览器高度),因此右侧的棕色栏从顶部延伸到全屏底部。 我怎样才能最好地实现这一点?

html{
    height: 100%;
}

body{
    min-height: 100%;
}

不起作用。 我也尝试为内容元素设置一个类,并尝试将其设置为100%高度,但这也不起作用。 我怎样才能做到这一点?

棕色条是一个PNG图像,并被设置为全宽度容器的背景图像。 所以如果这个容器是100%高的话,它应该可以工作。 但是如何?


您可以使用视口高度。

height: 100vh

这意味着div或任何与浏览器窗口一样高。


html, body{
    margin: 0;
    padding: 0;

    min-width: 100%;
    width: 100%;
    max-width: 100%;

    min-height: 100%;
    height: 100%;
    max-height: 100%;
}

这个Css将帮助你为每个页面设置100%的高度。


尝试使用javascript实现:

$(window).bind('resize', yourclassname);

你的类名也使用yourID ,把它给父母的div。

链接地址: http://www.djcxy.com/p/89405.html

上一篇: Setting body height to 100%

下一篇: overflow:hidden on body is broken in ios6