div 里面加一个img 标签,div 高度会多出几像素


   在写代码的时候经常遇到这样一个问题,如果div里嵌套一个img元素且div的高度是由img的高度来撑开,那么div的高度总会比img的高度多3px 可以明显看到div实际高度高出img高度3px。为了解决此问题,我们只需要给 img 添加:
  img {  display : block }   原因:  原来img是一种类似text的元素,在结束的时候,会在末尾加上一个空白符,所以就会多出3px            

相关