在 html 的内容周围获取不需要的 space

Question

我的网页内容（header、菜单等）不适合浏览器 window.Below 是我使用的 HTML 和 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。

Getting unwanted space around contents of html