html - CSS 问题 - div id 未显示在网站上

Question

我有一个名为“backhead”的主 div，它有一个背景图像，里面有其他 div。主 div 没有显示在我的网站上(使用 Chrome Inspect 进行故障排除)。 div 不存在，好像名称拼写错误，或缺少冒号等。

有人知道为什么会这样吗？这是我的代码(所有其他 div 类和 id 都工作正常):

CSS 文件:

#backhead {
  position:absolute;
  background-image:url("images/headerbackground.jpg");
  width:100%;
  height:100%;
}
.toplogo {
float:left;
padding:1.25em 0;
position:relative;
}

.rightinfo{
float:right;
width:61%;
position:relative;
}

在 PHP 文件中:

<div id="backhead">
  <div class="toplogo">
    <img src="http://example.com/images/headerlogo.png"></div>
    <div class="rightinfo">
      <h2>Personal Specialist</h2>
    </div>
  </div>

Answer 1

height:100%;

这仅在父元素指定了高度时才有效。如果它在autoheighted元素内部，它将被替换为auto，如果没有内容则变成0。

检查

html, body {
  height: 100%;
  margin: 0;
}

如果元素直接放在body中。