新手，求指教，我的運(yùn)行結(jié)果為什么在邊框哪里總是少一點(diǎn)，可否幫忙看一下問題出在哪里？非常感謝
新手，求指教，我的運(yùn)行結(jié)果為什么在邊框哪里總是少一點(diǎn)，可否幫忙看一下問題出在哪里？非常感謝
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>盒模型案例1</title>
<style type = "text/css">
*{margin:0;padding:0; font-size:12px; color:#346667; font-family:Arial, Helvetica, sans-serif,"宋體"}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h2{line-height:30px; font-size:14px; margin-bottom:5px;}
p{line-height:24px; text-indent:26px; margin-botttom:5px;}
#wrap{width:700px; margin:0 auto;}
#header{width:795px; border:4px solid #badbdb; background:url(../../%E7%9A%AE%E8%82%A4/bf765e6183c3bd0fc5ccda8624e54ca2.jpg) no-repeat; height:92px; margin:0 5px;}
#header a{color:#C3C; margin:0 5px;}
#mainbody,#footer{width:100%;}
#footer{text-align:center; padding:20px 0;}
.content{border:4px solid #badbdb;padding:44px 15px;width:770px; background:#eff9f9}/*padding控制背景圖片和內(nèi)容的間距 */
.profile{background:url(../../%E7%9A%AE%E8%82%A4/1bed4f856fb91c11576b77b7939c1690.jpg) no-repeat #eff9f9;}
.book{background:url(2222.png)no-repeat #eff9f9;}
.book img{margin:10px 18px;border:1px solid #baadaa;}
</style>
</head>
<body>
<div id="wrap">
? ? ?<div id="header"><a href="#">聯(lián)系我們</a>|<a href="#">站點(diǎn)地圖</a></div>
? ? ? ? ?<div id="mainbody">
? ? ? ? ? ? ? <div class="content profile">
? ? ? ? ? ? ? ? ? ? ?<h2>:: 關(guān)于幾米 ::</h2>
? ? ? ? ? ? ? ? ? ? ? <p>幾米，一位用畫筆描繪夢(mèng)想、吸引無數(shù)讀者畫迷為之瘋狂，知名度迅速竄升的當(dāng)紅繪本作家，同時(shí)卻也是一個(gè)靦腆善良的中年男子，偏好簡(jiǎn)單的居家生活，低調(diào)而淡泊。</p>
? ? ? ? ? ? ? ? ? ? ? ? <p>幾米的個(gè)性害羞內(nèi)向，不擅長(zhǎng)用言語表達(dá)，他用敏銳細(xì)膩的心去感受周遭的人與事，將情感、思緒藉由「繪畫」傳達(dá)他對(duì)大千世界的看法，作品風(fēng)貌多變，創(chuàng)作力源源不絕，因此看幾米的作品，就像是走入他的內(nèi)在，幾米的故事引領(lǐng)著每一位欣賞他作品的人看到并相信世界上的美與善，同時(shí)也反應(yīng)了現(xiàn)代人生活中的點(diǎn)點(diǎn)滴滴，因此每個(gè)人都能在他的故事找到一個(gè)映照和寄托，或許這就是幾米作品的迷人之處。</p>
? ? ? ? ? ? ? ? ? ? ? ? <p>幾米，繪本作家，文化大學(xué)美術(shù)系畢業(yè)，曾在廣告公司工作十二年，后來為報(bào)紙、雜志等各種出版品畫插畫 。1998年開始創(chuàng)作，發(fā)表《森林里的秘密》和《微笑的魚》，拿下當(dāng)年度中國時(shí)報(bào)開卷最佳童書、
? ? ? ? ? ? ? 民生報(bào)好書大家讀年度最佳童書，以及聯(lián)合報(bào)讀書人最佳童書獎(jiǎng)。 1999年出版《向左走．向右走》，開創(chuàng)出成人繪本的新型式，興起一股繪本創(chuàng)作風(fēng)潮。本書獲選為1999年金石堂十大最具影響力的書，并已改
? ? ? ? ? ? ? 編成電影、電視劇。之后陸續(xù)推出《聽?zhēng)酌壮琛?、《月亮忘記了》、《森林唱游》、《我的心中每天開出一朵花》等作品，展現(xiàn)驚人的創(chuàng)作力和多變的敘事風(fēng)格。 2001年出版《地下鐵》，獲選2002年金鼎獎(jiǎng)
? ? ? ? ? ? ? 推薦優(yōu)良圖書，并改編成音樂劇和電影。次年《照相本子》、《1.2.3.木頭人》和《我只能為你畫一張小卡片》獲選2002年行政院新聞局推介中小學(xué)生優(yōu)良課外讀物圖書類推薦讀物。2002年《布瓜的世界》甫上
? ? ? ? ? ? ? 市便登上各大書店暢銷排行榜第一名。 2003、2004年陸續(xù)出版《幸運(yùn)兒》、《你們我們他們》、《又寂寞又美好》、《履歷表》、《遺失了一只貓》等作品，內(nèi)容風(fēng)格上更形突破。2005年的《小蝴蝶小披風(fēng)》
? ? ? ? ? ? ? 和《失樂園》開始經(jīng)營角色，多變的故事節(jié)奏有不同于以往的閱讀趣味。 作品風(fēng)靡兩岸三地，美、法、德、希臘、韓、日、泰等國皆有譯本。學(xué)界和媒體多次以「幾米現(xiàn)象」為主題分析評(píng)論。 2003年Studio Voice雜
? ? ? ? ? ? ? 志選為亞洲最有創(chuàng)意的五十五人之一。 </p>
? ? ? ? ?</div>
? ? ? ? ?<div class="content book">
<img src="../../皮膚/4dec37789dbad11715af56b4335dfa54.jpg" width="80" height="80"/>
<img src="../../皮膚/72c3e3e959ae318e3cb076b93e1fb998.jpg" width="80" height="80"/>
<img src="../../皮膚/500e5c3a6c7f8.jpg" width="80" height="80"/>
<img src="../../皮膚/24926dd69640082c42df666b5a16b634.jpg" width="80" height="80"/>
<img src="../../皮膚/images(1).jpg" width="80" height="80"/></div>
? ? ? ? ? ?<div id="footer">copyright ? 2004-2012 Jimmyspa.com All Rights Reserved.</div>
</div>
</body>
</html>
2017-02-01
wrap的寬度比header的寬度小了
把后面那個(gè)header的寬度刪除就可以了，header可以繼承父元素wrap的寬度
2017-05-02
你后面還設(shè)置了那個(gè)margin值的
#header{width:795px; border:4px solid #badbdb; background:url(../../%E7%9A%AE%E8%82%A4/bf765e6183c3bd0fc5ccda8624e54ca2.jpg) no-repeat; height:92px; margin:0 5px;}
因?yàn)楸旧淼拈L(zhǎng)度是800px，但是你設(shè)置的是795px，所以就沒那么長(zhǎng)，可是有margin值，就往后面移了，所以你的右邊是對(duì)齊了的，左邊沒有對(duì)齊。直接設(shè)置width跟下面的一樣800px；把那個(gè)margin值去掉就可以對(duì)齊了
2017-02-02
謝謝，但是刪除那個(gè)并沒有改變，應(yīng)該是后面的margin有影響，刪除這個(gè)以后就沒問題了，我也不太清楚為什么