html - div标签没有出现在网页上

Question

我这里好像有点小问题。我的 div 没有出现在网页中。我尝试将 div 的位置更改为绝对位置，但它仍然没有显示。

这是我的代码:

body {
  background: url("http://fux-media.com/yz/skyline_exp1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.header {
  background-color: #DADAC8;
  width: 900px;
  height: 10%;
  position: relative;
  border-radius: 7px;
  margin-top: -100px;
  margin-left: 170px;
  z-index: 500;
}
img {
  border-radius: 70%;
  border: 1px solid;
  margin-left: 40%;
  height: 175px;
  width: 175px;
  position: relative;
  z-index: 1;
}

<img src="http://farm5.static.flickr.com/4118/4890853985_b34231ccfb_o.jpg" />
<div class="header"></div>

Answer 1

在你的CSS中添加这个

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