                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

老師，請(qǐng)看下，為什么我這個(gè)邊框始終離圖片有點(diǎn)距離呢

<!DOCTYPE HTML>
<html>
? <head>
??? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
??? <title>無標(biāo)題文檔</title>
??? <link href="main.css" rel="stylesheet" type="text/css">
? </head>
?
? <body>
??? <div class="header">
?????? <div class="logo">
????????? <img src="http://img1.sycdn.imooc.com//53edadad0001efe202000070.jpg" >
?????? </div>
?????? <div class="nav">
????????? <ul>
???????????? <li>關(guān)于我們</li>
???????????? <li>幫助中心</li>
???????????? <li>產(chǎn)品價(jià)格</li>
???????????? <li>解決方案</li>
???????????? <li>產(chǎn)品特色</li>
???????????? <li>首頁(yè)</li>
????????? </ul>
?????? </div>
??? </div>
??? <div class="picture">
?????? <img src="http://img1.sycdn.imooc.com//53edad1600019ae910000310.jpg">
??? </div>
??? <div class="scroll-news">
?????? <div class="scroll">滾動(dòng)新聞</div>
?????? <div class="news">這是滾動(dòng)新聞</div>
??? </div>
??? <div class="learn">
?????? <div class="bootstrap">
????????? <img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg">
????????? <div class="boot">學(xué)習(xí)bootstrap</div>
?????? </div>
?????? <div class="activity">
?????????? <img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg">
?????????? <div class="boot">企業(yè)網(wǎng)址實(shí)例</div>
?????? </div>
?????? <div class="shishi">
?????????? <img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg">
?????????? <div class="boot">javascript基礎(chǔ)</div>
?????? </div>
??? </div>
? </body>
</html>

body{margin:0;padding:0;}
.header{width:1000px;height:80px;margin:0 auto;}
.logo{float:left;}
.nav ul li{list-style-type:none;float:right;width:100px;line-height:80px;margin-right:20px;display:block;}

.scroll-news{width:1000px;height:30px;margin:0 auto;}
.scroll{width:20%;background:red;height:30px;color:white;float:left;}
.news{width:70%;background:grey;height:30px;color:white;float:left;}
.clear{clear:both;}
.learn{width:1000px;height:330px;overflow:hidden;margin-top:20px;padding:20px 0px;}
.bootstrap,.activity,.shishi{float:left;margin-left:3px;}
.boot{text-align:center;border:1px solid black;}