div 里边只包含一个img, 结果div的高度比img图片的高度多3px_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:39:10
原创
1053 人浏览过

在编写代码的时候,遇到这样一个问题, 下面为html和css

 

#header {
position: relative;
left: 0;
width: 100%;
top: 0;
}

#header img {
/*display: block;*/
width: 100%;
}

 

结果运行之后,发现header的高度总是比img的图片多出3px,不管是在移动端还是pc端,都会出现这种问题。

 

1, 刚开始以为是html的问题, 结果把html改成

还是不行,所以这可能就不是html的问题。

2,在网上查找资料,发现可以把img设置为block, 解决。

3,通过google了解到原因,img是一种类似text的元素,在结束的时候,会在末尾加上一个空白符,所以就会多出3px

 

   英文解释

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!