Question

我的标题不会出现在任何地方。我想知道如何解决它。

body {
  background-color: antiquewhite;
  font-size: 100%;
  width: 100%;
  height: auto;
}
nav {
  height: 8%;
  width: 100%;
  position: fixed;
  display: block;
  background-color: grey;
  z-index: 1000;
}
header {
  width: 100%;
  background-image: url("https://placehold.it/50/50");
}

<nav>
  <h1>...</h1> 
</nav>

<header>
</header>

Answer 1

这样可以解决问题：

html, body {height:100%;}

如果你使用百分比作为身高，父母需要有一个固定的高度（实际上它是8％的东西）或至少所有父母需要html标签需要有一个百分比高度。< / p>

Answer 2

我的第一个想法是给那个头元素一些（html-）内容（比如文本）或明确指定一个高度，因为我的经验容器元素在没有以任何方式声明它们的边界时不会“显示”。

否则你可能会看一下here因为这对我来说似乎是同样的问题。

如果您正在使用例如Firefox，你可以使用rightclick-＆gt; inspect元素来查看元素是否被简单地渲染（即因为没有高度）或以其他方式跟踪应用的css，操作css到位（非永久性）甚至调试javascript。

希望这有帮助。

Answer 3

标头标签没有内容，因此高度为0。尝试在标题标记内添加一些文本或使用css添加高度。

调整CSS的百分比

3 个答案: