导航栏周围的白色间距答案

【问题标题】：White spacing around navigation bar导航栏周围的白色间距
【发布时间】：2015-10-28 11:53:55
【问题描述】：

好的，我无法通过在网站上搜索找到答案，但我对 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 的内容，因此我们实际上无法像他那样看到导航栏。仅凭这个原因就投反对票。

我真的一无所知，提前谢谢。

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。尽管您提供了一个示例链接，但如果该链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。

标签： html css whitespace navigationbar

【解决方案1】：

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

body, ul{margin:0}

JSFiddle

【讨论】：

【解决方案2】：

默认情况下，浏览器将padding 和/或margin 设置为<body> 和/或<html>

你可以这样做：

CSS

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

DEMO HERE

【讨论】：

我尝试将此代码添加到我的 css 但由于某种原因它仍然无法正常工作