在编写代码的时候，遇到这样一个问题， 下面为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
英文解释
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
172
收藏
