导航栏周围的白色间距

Question

好的，我无法通过在网站上搜索找到答案，但我对 HTML/CSS 还很陌生，我想知道如何删除导航栏周围的白色间距得到.

HTML代码

<!DOCTYPE html>
<html>
<head>
    <title>Reisbureau</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans'  rel='stylesheet' type='text/css'>
</head>
<body>
    <div class="header">
        <div class="headerContent">
            <div class="nav">
                <ul>
                    <li><a href="#" id="reisbureau">Reisbureau</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Over Ons</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

CSS

.nav ul li {
    list-style: none;
}
.nav ul li a {
    text-decoration: none;
    float: right;
    padding: 8px 50px;
    color: dimgrey;
}
.nav ul li a:hover {
    color: black;
}
.nav {   
    font-family: Open Sans;
    font-size: 10;
    text-align: center;
    height: 40px;
    background-color:aliceblue;
}

#reisbureau {
    float: left;
}

jsFiddle http://jsfiddle.net/398aLrpy/

编辑备注 style.css 的内容没有包含在内，所以我们实际上不能像他那样看到导航栏。仅仅因为这个原因就投了反对票。

真是一头雾水，先谢过

Answer 1

从 body 中删除默认 margin 并从 ul 元素中删除 margin-top：

body, ul{margin:0}

JSFiddle

Answer 2

默认情况下浏览器设置了一些paddingand/ormargin到<body>and/or<html>

你可以这样做：

CSS

body, html{
    margin:0;
    padding:0;
}

DEMO HERE

导航栏周围的白色间距

White spacing around navigation bar

html

css

whitespace

navigationbar