0

奇怪，在骨架框架中，如果我从最后两个 div（连续出现的三个 div 中）中删除内容，然后尝试将这两个 div 高度映射到第一个 div 高度，将 height:100% 应用于 html、body、parent 和所有这三个/最后两个 div。

高度不适合任何元素。此外，在浏览器（mozilla / chrome）中查看时，无论是否保持打开“检查元素”面板，高度都会出现奇怪的不同。

谁能解释一下，为什么会这样。以及在这种情况下如何实现空 div 的高度。

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

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

@mamuz，我说的是骨架默认代码 [html/css 包]，可以从骨架网站的下载部分下载，即http://www.getskeleton.com。我尝试为三个 div 添加 height 属性，这些 div 分别出现在底部的部分中，标题分别为“关于骨架”、“三个核心原则”和“文档与支持”。

我在布局 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 的高度匹配。

4

0 回答 0