§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2011-7-26

先看代码

<div> <img src="http://www.itpow.com/images/cftea.gif" alt="cftea" style="width:135px;height:60px;" /> </div>

img 被 CSS 控制了高度 60px，那么 div 的高度是多少？

在 Chrome、Firefox 中，它是 60px，和图片同高。

但在 IE 6 中，它是 64px，它会多出来一点。有两种解决办法：

• 法一、把 div 和 img 标签之间的空白字符删除，不要留换行符、空格等。
• 法二、为图片指定 CSS：vertical-align:middle;。（推荐）

事情还没完？

以上两种解决办法是 div 中的情况，如果是 li，则只能用第二种方法，请参见：干掉 li 的空白间距