标题不会出现在顶部的边缘

Question

我想将标题移到最顶端。但它不会去，这里是小提琴http://jsfiddle.net/DCtH7/4/

正如你在小提琴中看到的那样，标题上方有一个空白区域。我试过了padding: 0，但它不起作用。

Answer 1

将position: absolute添加到标题

header {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  width: 100%;
  height: 34px;
  box-shadow: 0px 3px 3px black;
  margin: 0 auto;
  position: absolute;
}

示例：http://jsfiddle.net/DCtH7/6/

作为替代方法，在此处将边距更改为填充：

header #header-content {
  padding: 10px;
}

这也可以在不使用任何绝对位置的情况下解决问题

示例：http://jsfiddle.net/DCtH7/7/