div高度问题

先贴代码<!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 runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
                <div style="width:10px; height:10px; background-color:Blue;">
                </div>
                
    </form>
</body>
</html>这个div高度和宽度我设定的都是10，按道理应该是个正方形，可出来的却是个矩形
我试着将高度改为5px,但高度还是没变，为19px，在IE6下浏览是这样
FF下没这问题，开始我以为是我机器问题，用同事机器看也是一样
怀疑装的同样的操作系统的问题，发给外地朋友
还是一样的，都不是正方形，难道div有最低高度？

解决方案 »

  1.   

    在IE中，DIV的最小高度为14px，任何小于这个高度的IE6会以14px显示，解决方法是定义font-size:0或者
    overflow:hidden
      

  2.   

    我这里为什么是正方形？  ie7，没有ie6的环境。   
      

  3.   

    <div style="line-height:10px;height:10px;">&nbsp;</div>
      

  4.   

    呵呵，这个问题已经解决了，是IE6自作聪明搞的事，IE6默认为div里的文字高度不会低于12-14px，而实际上,div我们不一定用来放文字，更多是用来布局，所以加上overflow:hidden即可，bhbhxy 的说法是正确的，所以分都给他吧。