微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 将身高设置为100%

我需要将位于 http://www.zorglegal.nl的所有网页(主页除外)的主体位于相同的高度(100%浏览器高度),因此右侧的棕色条从上到下全屏拉伸.我怎样才能做到最好?
html{
    height: 100%;
}

body{
    min-height: 100%;
}

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

棕色条是png图像,设置为全宽容器的背景图像.因此,如果该容器100%高,它应该工作.但是怎么样?

解决方法

您可以使用视口高度.
height: 100vh

这意味着div或其他任何东西都与浏览器窗口一样高.

原文地址:https://www.jb51.cc/html/226210.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐