我想建立一个可以根据浏览器宽度缩放的网站。
一切正常,除了包含 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>
您看到页脚下方的蓝线了吗?它不应该在那里...:-/
最佳答案
在图像上使用 max-width:100%
和 display:block
。
fiddle :http://jsfiddle.net/RyEqK/1/
关于宽度为 100% 的 CSS/div 太高了几个像素/为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16495831/