宽度为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是几个像素太高/为什么？

回答

相关问题