时间戳

首页 > 解决方案 > 为什么我设法以百分比设置 div 的大小？

html - 为什么我设法以百分比设置 div 的大小？

问题描述

伙计们，我已经有点生气了，我不知道为什么我设法以百分比设置 div 的高度，因为我在网站上看到它只是为了确认设置 div 的高度百分比不起作用，除非它是 div 是子 div，那么为什么即使 div 没有父 div，我也可以以百分比设置元素的高度？
好吧，我在 css 中的正文代码如下所示：

html,body{                                      
 width:100%;                                     
 height:100%;                                    
 font-family:Verdana;
 color:#fff;                                     
 backgroundd:#151515;                             
}

谁能解释为什么会这样？为什么我很想知道为什么百分比高度不应该起作用，这不应该发生，对吗？

标签： htmlcss

解决方案

如果父元素...body具有 100% 的宽度和高度（作为浏览器框架，该html元素的宽度和高度是否应为 100%），那么该元素的任何子body元素当然都将与之相关。

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
}

.container {
  height: 50%;
  width: 50%;
  
  background: black;
}
<body>
  <div class="container">test</div>
</body>

这正是应该发生的事情。

推荐阅读