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%;

仅当父元素指定了高度时才会起作用。如果它位于自动加权元素内，则会被auto替换，如果没有内容则会变为0。

检查

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

如果元素直接放在body。

中

Answer 2

即使CSS无效，div仍应显示在标记内。我在jsfiddle上运行代码，它显示正常。这让我相信您可能只需要清除缓存，特别是您在真实服务器上托管此缓存。

尝试在Chrome隐身模式下运行它，看看会发生什么。

CSS问题 - div id没有出现在网站上

2 个答案: