-1

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

在网上阅读文章后，我设置了 html、body、parent 和第二个和第三个子 div 的 height=100%。现在，当我在浏览器中检查时，html、body 和子 div 的高度超过了普通视图中第一个子 div 的高度。如果我打开检查元素窗口，那么 html、body 和子 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 中的各个 div 中。

4

1 回答 1

0

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

于 2013-09-12T15:49:18.853 回答