将身高设置为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