Fatal编程技术网
  • html/
  • Html 为什么箱子不是100%高？

Html 为什么箱子不是100%高？

html css

Html 为什么箱子不是100%高？,html,css,Html,Css,为什么带有类框的div不是100%高 *，html{ 填充：0； 保证金：0； 身高：100%； } 身体{ 最小高度：100%； } .盒子{ 最小高度：100%； 背景颜色：棕色； } 这是一段 这是一段 因为你的身体不是100%：使用以下方法： <!DOCTYPE html> <html> <head> <style> *, html { padding: 0; margin: 0; mi

为什么带有类
框的div不是100%高




*，html{
填充：0；
保证金：0；
身高：100%；
}
身体{
最小高度：100%；
}
.盒子{
最小高度：100%；
背景颜色：棕色；
}
这是一段

这是一段


因为你的身体不是100%：使用以下方法：


<!DOCTYPE html>
<html>

<head>
  <style>
    *, html {
      padding: 0;
      margin: 0;
      min-height: 100%;
    }

    body {
      min-height: 100%;
    }

    .box {
      min-height: 100%;
      background-color: brown;
    }

  </style>
</head>

<body class="box"> //will make body same as div

    <div class="box">
        <p>This is a paragraph.</p>
        <p>This is a paragraph.</p>
    </div>
</body>

</html>




*，html{
填充：0；
保证金：0；
最小高度：100%；
}
身体{
最小高度：100%；
}
.盒子{
最小高度：100%；
背景颜色：棕色；
}
//将使主体与div相同
这是一段

这是一段


我总是对
身高：100%有问题。

尝试将您的身体设置为屏幕的100度：


body {
    height: 100vh;
}



你好
 这就是你要找的：

您需要在正文和html中添加100%的高度。您的错误是将适用于每个元素（包括您的段落）的*添加到100%



*{
填充：0；
保证金：0；
}
html{
身高：100%；
}
身体{
身高：100%；
}
.盒子{
身高：100%；
背景颜色：棕色；
}



这是一段

这是一段


html，body{height:100%；}为什么不
minheight
？我更新了我的帖子。第二段有白色背景为什么？HTML，*{height:100vh}另外，由于
*
选择器，您的
p
也被设置为100%高度，或者为什么不是100%？我将其设置为
minheight:100%.body{min height:100%；}您没有提供。或者在身体之前。你也可以。。它会更精确，请也参考这个