老師 為什么我寫出來logo會高三個像素啊
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>慕課網</title>
<link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<body>
<div id="top">
<div class="content">
<span><img src="./img/arrow.jpg"></span>
<span>設為首頁</span>
<span><img src="./img/arrow.jpg"></span>
<span>加入收藏</span>
<span><img src="./img/arrow.jpg"></span>
<span>聯系我們</span>
</div>
</div><!--top結束-->
<div id="wrap">
<div class="icon">
<div class="logo">
<img src="./img/logo.jpg">
</div>
<div class="tel">
<img src="./img/tel.jpg">
24小時服務熱線：
<span class="number">
123-456-7890
</span>
</div>
</div><!--icon over-->
<div class="nav">
<ul>
<li><a href="#"></a>首頁</li>
<li><a href="#"></a>關于慕課</li>
<li><a href="#"></a>新聞動態</li>
<li><a href="#"></a>人才招聘</li>
<li><a href="#"></a>課程中心</li>
</ul>
</div>
</div>
CSS代碼如下
@charset "UTF-8";
* {
margin: 0;
padding:0;
font-size: 12px;
}
body {
background-color: #f5f5f5;
}
#top {
width: 100%;
height: 27px;
background: url(../img/top_bg.jpg) repeat-x;
}
#top .content {
float: right;
width: 35%;
line-height: 27px;
color: #8e8e8e;
}
.content span {
font-size: 10px;
}
#wrap {
width: 1000px;
margin:0 auto;
}
.icon {
background-color: #FFF;
height: 83px;
}
.icon .logo {
width: 375px;
float: left;
display: inline;
background-color: #aed;
}
.icon .tel
{
width: 300px;
height: 28px;
margin-top: 30px;
float: right;
display: inline;
color: #8E8E8E;
}
.icon .tel img {
vertical-align: middle;
margin-right: 10px;
}
.icon .tel .number {
color: #c00;
font-size: 22px;
font-family: '微軟雅黑';
}
#wrap .nav {
background-color: #000;
height: 28px;
}
.nav ul li {
color: #fff;
float: left;
}
把logo也設置一個高度為80px就可以消除這個問題 但是我想不出來為什么
麻煩你幫我看一下，謝謝了
