骨架框架中的空div高度问题?

时间:2013-09-12 19:13:09

标签: html css skeleton-css-boilerplate

STRANGE,在骨架框架中,如果我从最后两个div中删除内容(出现在一行中的三个div中)然后尝试将这两个div高度映射到第一个div高度,应用height:100%到html,body ,父母和所有这三个/最后两个div。

高度未设置为任何元素。此外,在浏览器(mozilla / chrome)中查看高度时会出现奇怪的不同,无论是否打开“检查元素”面板。

任何人都可以解释,为什么会这样。在这种情况下,如何实现空div的高度。

< --------------------------------------------- ---->

< --------------------------------------------- ------->

@mamuz,我说的是骨架默认代码[html / css包],可以从骨架网站的下载部分下载,http://www.getskeleton.com。我尝试为三个div添加高度属性,这些div显示在标题为“About Skeleton”,“Three Core Principles”和“Docs&分别支持。

我在布局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%;
 }

除了上面的代码之外,我只是将第二个和第三个div设为空,并将文本内容仅保留在第一个div中。查看第二个和第三个div是否与第一个div的高度匹配。

0 个答案:

没有答案