Lis*_*isa 0 html css whitespace
我只是编写简单的代码,但我的结果中似乎有一个无法解释的空白......我似乎无法失去它!
要清楚:我的意思是紫色标题和白色nav属性之间的"线".
我尝试删除代码中的选项卡和空格,但它没有帮助.
这是一个简单的小提琴:http: //jsfiddle.net/LNhK5/
HTML:
<body>
<div id="wrapper">
<header>
<img class="logo" src="images/logo.png">
</header>
<nav id="mainMenu">
<ul>
<li>Nieuwsoverzicht</li>
<li>Trending</li>
<li>Lokaal nieuws</li>
</ul>
</nav>
</div>
</body>
CSS:
body{
background-color:#ebebeb;
margin:0;
padding:0;
}
#wrapper{
width:100%;
padding:0;
margin:0;
}
header{
background-color:#835497;
height:70px;
width:100%;
margin:0;
padding:0;
}
.logo{
height:80%;
display:block;
margin: 0 auto 0 auto;
}
nav{
background-color:#ffffff;
height:45px;
width:100%;
margin:0;
padding:0;
}
nav#mainMenu ul li{
font-family:'source_sans_proregular';
font-size:1.2em;
color:#c2c2c2;
display:inline-block;
text-align:center;
margin:0;
padding:0;
}
这是我忽视的事情,还是我只是犯了一个拼写错误？
小智 5
也许你所谈论的空白是由于ul？
尝试将边距设置为零:
ul {
margin: 0;
}