IE6显示1px高度的bug

2008-10-13 13:52 | Filed Under Html/JS/CSS |

在IE6下运行以下代码测试：

<!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> <TITLE> New Document </TITLE> </HEAD> <body> <div id="test" style="font-size: 1px; height: 1px; line-height: 1px; margin: 0 1px;background: #333"> </div> </body> </HTML> <script type="text/javascript">  </script>

提示：你可以先修改部分代码再运行。

得到结果是2，在其他浏览器下得到的都是预期的1，经过测试发现只要删除背景色属性就正常
这实在是个匪夷所思的问题

最后经新软群中hyne大大提醒，在div中加入一个 就能解决(注：直接空格不行)，即：