在IE6中div有一个默认高度(也不能说是默认高度,因为它其实由隐藏的font-size属性决定),大概为13px左右,本来这也没什么,可是头痛的是当你手动设置一个高度,如果该高度是小于默认高度,那么该div将变得不怎么听话了,例如你设置height:5px;你会发现div的实际高度并没有缩小,还是保持它默认的高度,这就是IE自作聪明的结果了。该问题很容易产生的后果是如果你将一个带圆角的图片作为底部div的背景来实现圆角效果,而该图片高度譬如为6px,于是你将div高度也设置为6px,这时你会发现该圆角与上面的边框之间将产生一段空隙,就像被隔开一样。而这个问题在IE7其实不会出现。
解决这个问题我提供两个方法:
1、为该div添加一个样式font-size:6px;这时div的高度已经是6px了。
2、将div的background-position:设置为top,该方法其实并没有改变div的高度,只是将背景图片铺在上面而已,所以推荐使用上面的那种方法,另外记得设置为no-repeat哦。