设置div高度100％给出奇怪的结果？

Question

我在一次父母潜水中有三个孩子div（放在每个otehr旁边）。第一个子div包含一些内容，并根据其内容长度进行扩展。另外两个子div没有内容，我希望它们具有与第一个子div相同的高度。

在网上阅读文章后，我设置高度= 100％的html，body，parent和second＆amp;第三个孩子div。现在当我在浏览器中检查时，正常视图中html，body和child div的高度超过了第一个子div的高度。如果我打开inspect元素窗口，那么html，body和child divs的高度会比第一个div更小。两个视图中的高度差异大约为30％。

我正在使用骨架框架。请帮忙。

＆lt; -------下面添加的代码-------＆gt;

我在布局css中添加了以下行：

html {
    height: 100%;
 }

body {
   height: 100%;
 }

.main { <!--class name applied to container or parent div -->
   height: 100%;
 }

.first-child, .second-child, .third-child { <!--class name given two three divs from left to right-->
   height: 100%;
 }

除此之外，我在html中为各自的div添加了各自的类名。

Answer 1

检查元素面板会减小浏览器窗口的大小。由于您使用窗口的百分比作为高度，您正在改变第2和第3个div以及html，body和parent;但不是第一个孩子。