摘要:
前阵子工作的时候遇到一个问题,非常纠结:当一个Div里面放一张图片的时候,div的高度一定会比图片高出一点,大概三到四个像素上面代码,如果图片高度是200px,那么div大概在204px左右,不同浏览器可能有1px的差别,如下图。网上百度了下:原来是因为我使用了html5的的文档类型:,如果把这个换成传统的模式,如:就没问题了。要解决这个问题j就要将div里面的img定义成为display: block,或者将vertical-align定义为top,bottom,middle等就行了。究其原因,是因为img的两个样式上的默认属性导致的:display:inline;和vertical-ali 阅读全文