Question

为什么有的时候<div>的高度并不是按照设置显示的？

例如代码<div style="width:100%; height:1px; background-color:#000000;"></div>这段代码在页面里显示时高度不是1像素，大概有十五个像素，只有把高度设置到一定高度的时候，显示才会按照设置的，请问这是怎么回事呢？
<div></div>里面是没有内容的。这种问题有时候在table里也会遇到，比如用<table><tr><td height="1" bgcolor="#000"></td></tr></table>输出一条黑色分割线，但是显示出来的table的高度（也就是黑线的高度足够有十五个像素高），不知道是为什么，哪位大师也遇到过如此问题呢？多谢指教

Answer 1

你的浏览器是ie6吧？这个问题好解决：
<div style="width:100%; height:1px; background-color:#000000; font-size:0px;"></div>
原因是ie6下，内容虽然为空，但它会解释成里面有空字符，默认高度是字符高度，所有你只要加个 font-size:0px;把字符高度设为0就行了。在ie7和ff下是没有这个问题的

Answer 2

可能你的div里面有一些元素设置了height属性，把div里面东西发出来看看。

Answer 3

加个overflow:hidden;就可以了