获取html内容周围不需要的空间

Question

我的网页内容（无论是标题，菜单等）都不适合浏览器窗口。下面是HTML＆amp;我用过的CSS代码

HTML

<div id="header">
</div>

CSS

#header {
height:150px;
width:100%;
position: relative;
background-image: url("top_frame.png");

这是我得到的输出：

Answer 1

添加以下内容：

body {
    margin: 0;
}

CSS中的

。

这是fiddle。

我将background-image替换为background : red;用于测试目的，因为我没有图像

Answer 2

请在自定义CSS之前使用Normalize.css。