宽度为100%的CSS / div是几个像素太高/为什么?

时间:2013-05-11 09:49:20

标签: css html width

我想构建一个可扩展到浏览器宽度的网站。

一切正常,除了包含100%-width-div的parent-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>

你看到页脚下面有蓝线吗?它应该在那里......: - /

1 个答案:

答案 0 :(得分:0)

在图片上使用max-width:100%display:block

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