删除页面顶部的空白

Question

如何摆脱页面顶部与蓝色div之间的差距？请注意，加载了bootstrap。

＆＃13;

＆＃13;

html,
body {
  margin: 0;
  padding: 0;
  background: #444;
}
#root {
  margin: 0 auto;
  width: 960px;
  background-color: blue;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div id='root'>
  <h1>Header Header</h1>
</div>

＆＃13;

＆＃13;

＆＃13;

http://codepen.io/wasteland/pen/qqOddN

谢谢

Answer 1

您需要在margin: 0上指定h1。

revised codepen

基本上，您需要覆盖从三个不同来源应用于h1的上边距：