10月
13
2009
IE6 BUG之DIV空标签高度问题
Tag： 分类：WEB标准 阅读：1476 评论：1XHTML+CSS阶段页面根据设计稿显示做出框架设计，制作出来的页面只能说在静态页面时是没有问题的，问题总是出现在开发阶段。开发中设计稿中所出现的内容，在动态输入时不一定会在页面中出现，大多数的情况是同样一个模板，此页面中出现图片，彼页面不需要图片，诸如此类的问题接踵而至。因此会在开发阶段出现一空白标签，在IE中占据一定的位置使页面不美观，浏览器之间的显示效果不统一。
例如：
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ie6下line-height bug - liehuo.net</title>
<style>
.c{background-color:#f00;height:0px;/*给定任何小于20px的高度 */}</style>
</head>
<body>
<div class="c"></div>
</body>
</html>
一个空的DIV默认的高度是0-19px,在FF中显示效果（空标签的高度是0）,但是在IE6中高度始终是19px.想要是0px的话解决办法如下：
1、在CSS中加height:0;overflow:hidden;这样就和其它浏览器显示效果相同了，但是这种方法在静态页面中是个解决办法，在开发页面中如果里面要呈现内容的话，一样达不到效果。
2、在DIV中加<!- ->注释。
3、在样式里加height:0;在DIV标签里加上 。
以上的三种方法都可以解决问题，不过方法一我不太赞同，它在某种情况下解决不了实质性的问题。方法二、三，还是不错的。大家如果遇到和我同样问题的话，不防试一试哦。呵呵……
评论
唉……何必那么麻烦！我告诉你一个简单的方法！ 定义font-size:0px;完美解决！ 有什么钱多的问题问我qq：410949103
添加评论