logo标签列表

如何使一个div元素的高度与屏幕高度相同？

csshtmlheight
6
我尝试使用

标签

。
height: 100%

但是这样会使得 div 的高度只有其内容的高度 - 它只包含一个单词的文本。

我该如何强制 div 使用屏幕的高度呢？

请发布您的HTML和CSS。 - Andrew Johnson
7个回答
11

为了实现这个效果，你需要让 body 和 html 元素的高度都达到 100%。

你可以试试以下 CSS 代码：

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

YourDivSelector {
    height: 100%;
}

为了防止在 Firefox 中出现自动滚动，必须将边距和内边距设置为 0。

1

你还需要将 html 和 body 的高度设置为100%;

 html,body{height:100%}
1
我遇到了同样的问题。将html和body的高度设置为100％无效，但是当我将div的min-height设置为100vh并将高度设置为100％时，它有效了。
html, body {
   height: 100%;
}

div {
   min-height: 100vh; 
   height: 100%;
}
1

您需要将所有包含div的容器的高度都设置为height:100%，包括body和html标签。

这正是我所需要的，但我给了SLaks答案标签，因为他的回答比你的早。谢谢！ - ipso facto
0

可能

min-height:100%;

你到底想做什么？提供更多信息，我们可以更好地帮助你。
0

您可以使用JavaScript获取窗口的宽度和高度（使用JavaScript），然后根据需要使用这些值来设置

的高度和宽度。

0

只有在包含元素的高度被定义时，才能有意义地使用height=100%。它是100%的什么？如果没有任何地方定义高度，则没有高度。您可以使用JavaScript获取当前窗口的高度（如先前提到的），或指定特定的高度为800px或其他值。:D

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接