Css 将div高度设置为100%会产生奇怪的结果？

我有三个孩子在一个家长潜水（放在旁边的每个Other）。第一个子div中有一些内容，并根据其内容长度进行拉伸。另外两个子div中没有内容，我希望它们的高度与第一个子div相同

在网上阅读文章后，我将高度设置为html、body、parent和second&third child div的100%。现在，当我在浏览器中检查时，html、body和child div的高度超过了正常视图中第一个子div的高度。如果我打开inspect element窗口，则html、body和child div的高度将小于第一个子div。两个视图中的高度差约为30%

我使用的是骨架框架。请帮忙

我在布局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{
身高：100%；
}
身体{
身高：100%；
}
.main{
身高：100%；
}
.第一个孩子，.第二个孩子，.第三个孩子{
身高：100%；
}

---

除此之外，我还在html中的各个div中添加了相应的类名。

检查元素面板减小了浏览器窗口的大小。因为您使用窗口的百分比作为高度，所以您正在更改第二和第三个div以及html、body和parent；但不是第一个子分区。

添加第一个子分区“height:100%”没有任何区别。问题仍然存在。您也可以通过在skeleton的默认html/css包中添加height属性来复制此问题。为了让我的问题更清楚，我已在以下url上传了一个html包：2shared.com/file/bVpgHDUx/html.html在浏览器中打开html文件以查看问题。请参阅保持打开和关闭检查元素面板和滚动页面。只需在问题中粘贴相关代码或在jsfiddle.net上创建一个JS fiddle。我没有下载你的html文件。我在原始帖子中添加了代码。嗯，我创建了html/css包链接，并要求下载html/css包，因为它可以预览我想说的内容。它没有垃圾邮件，没有x编号的代码行，只有骨架框架基本文件和我现在添加的代码行。我不下载文件，但如果你到这里：你会看到你应该做什么，让我们回答你的问题。没有人会从一个新用户那里下载一个文件，而完全没有理由这样做。JS Fiddle太容易使用，不足以让我们下载您的文件。提供上面的代码是无用的，因为（1）它不会导致“并排”的div，（2）在这种情况下，如果没有html，css是无用的。