寬度爲100％的CSS/div是幾個像素太高/爲什麼？

我想建立一個網站，擴大到瀏覽器的寬度。寬度爲100％的CSS/div是幾個像素太高/爲什麼？

這一切工作正常，除了含有100％-width-div的父-DIV總是約5個像素太高。這給我帶來了巨大的問題，因爲背景顏色（例如藍色）在底部溢出。

這是爲什麼？以及如何解決？ :-)

親切的問候，揚

頭代碼：

<style type="text/css"> 

body { background-color:#e7e3d7; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; }  
.banner { width: 100%; } 

</style>

體代碼：

<div style="background-color:#0000ff;"> 

<div><img class="banner" src="http://www.janriggert.com/images/footer.png"></div> 

</div>

你看到頁腳低於藍線？它不應該在那裏： -/

來源

2013-05-11 Stormtrooper

在所有的瀏覽器中？ – matzone 2013-05-11 09:59:30

我查了BBEdit＆Safari。你能重複這個問題嗎？ – Stormtrooper 2013-05-11 10:03:07

它確定在mozilla .. – matzone 2013-05-11 10:15:08

在圖像上使用max-width:100%和display:block。

小提琴：http://jsfiddle.net/RyEqK/1/

來源

2013-05-11 10:11:33

哇！你應該得到真棒！非常感謝！ :-D – Stormtrooper 2013-05-11 10:21:16

@SergejPopov的問題是「爲什麼？」你沒有解釋（基線，內聯元素留有餘地伸等） – 2013-05-11 11:19:57

@MrLister，此問題已不僅是「爲什麼」，還要「如何」，我不知道「爲什麼」，所以也許你可以啓發我們與單獨的答案。我會投票。 – 2013-05-11 11:26:30

寬度爲100％的CSS/div是幾個像素太高/爲什麼？

回答

相關問題