问题背景:
<div> <img src="" /> </div>
图片和div 的宽度相同,div的高度等于图片的高度
结果发现div的高度 总是要比img多4px
原因: img 是行内元素,由于基线的问题导致的
解决办法:
1.img 设置为block级元素
2.img vertical-align设置为top