div的高度

遇到一個問題，一個空的DIV，高度會是多少？

<div style="width:150px; background-color:red;"></div>
IE: 高度19px
FF: 0

如果強制設定高度為0px，高度會是多少？這個就有趣了

<div style="width:150px; height:0px; background-color"></div>
IE: 高度19px
FF:0 

可能是字型的原因，把字型設為0px看看

<div style="width:150px; height:0px; font-size: 0px; background-color"></div>
IE: 高度2px
FF:0 

看起來是有點效果，但是要如何才能讓他高度為0? IE div height problem

1) Put a comment inside the div:  <div style="height: 10px;"><!-- --></div>
2) Put a &nbsp; inside the div and add this to its style:  font-size:1px;
line-height:0.

第一招蠻神奇的，只要不設定height，就不會顯示出該div，both work in IE && FF
在有內文的情形下，就用第二招吧

<div style=" width: 150px;  font-size:1px; line-height:0; background-color: red ">foo</div>