亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

老師,請看下,為什么我這個邊框始終離圖片有點距離呢

<!DOCTYPE HTML>
<html>
? <head>
??? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
??? <title>無標題文檔</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><!--logo結束-->
?????? <div class="nav">
????????? <ul>
???????????? <li>關于我們</li>
???????????? <li>幫助中心</li>
???????????? <li>產品價格</li>
???????????? <li>解決方案</li>
???????????? <li>產品特色</li>
???????????? <li>首頁</li>
????????? </ul>
?????? </div><!--nav結束-->
??? </div><!--header結束-->
??? <div class="picture">
?????? <img src="http://img1.sycdn.imooc.com//53edad1600019ae910000310.jpg">
??? </div><!--picture結束-->
??? <div class="scroll-news">
?????? <div class="scroll">滾動新聞</div>
?????? <div class="news">這是滾動新聞</div>
??? </div><!--scroll-news結束-->
??? <div class="learn">
?????? <div class="bootstrap">
????????? <img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg">
????????? <div class="boot">學習bootstrap</div>
?????? </div>
?????? <div class="activity">
?????????? <img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg">
?????????? <div class="boot">企業網址實例</div>
?????? </div>
?????? <div class="shishi">
?????????? <img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg">
?????????? <div class="boot">javascript基礎</div>
?????? </div>
??? </div><!--learn結束-->
? </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;}


正在回答

1 回答

把你的代碼 放到我的編輯器里看了一下 ,哇,建議以后不要這樣問問題,真的看不出來你哪里出問題了,來一部分截圖吧.感覺你應該是邊框或者內外邊距的問題, 多看一下基礎吧

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

老師,請看下,為什么我這個邊框始終離圖片有點距離呢

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號