html - CSS 最小高度 "vh"属性

标签 html css

我需要在几个地方指定最小高度,所以我这样做了,

body{
    min-height = 100vh;
}

但它不起作用,它什么也没做。我该如何解决?

最佳答案

因为您正在寻找 min-height: 100vh而不是 min-height = 100vh .

另请注意 <body>添加 8pxmargin默认情况下,所以如果你不想要任何滚动条,你还需要用 margin: 0 来抵消它当使用 viewport-relative lengths:

body {
  min-height: 100vh;
  background: red;
  margin: 0;
}

希望对您有所帮助! :)

关于html - CSS 最小高度 "vh"属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47191681/

相关文章:

android - HTML5/CSS/Jquery Android 应用 -> 性能不佳

html - 如何将两个div放在一行: one fixed,其他被拉伸(stretch)

javascript - 如何在扩展组件(Material-UI + ReactJS)时保留组件(Card 组件)的位置?

css - Bootstrap 流体容器垂直中心

javascript - 获取更新的 HTML 源代码

html - 为什么使用 Flex Wrap 会破坏包含大图像的元素的高度?

html - 即使使用 block 链接样式,链接的 div 在 ie7 中也不起作用

css - 一页滚动网站在 IE8 和 IE9 中不工作

html - 全局阻止 Firefox 中的文本选择

html - CSS 径向渐变使 FireFox 崩溃