IE6、IE7、IE8、FF对空标签块状元素解释的不同点

前几天写页时为了清除float浮动元素加了一个clear:both的空标签的div。发现页面在IE7比FF下无缘无故的多出了一块高度。因此在各个不同的浏览器观察了下，发现了些不同之处。记录下来以便提醒自己。

空标签块状元素对各个浏览器的不同解释：

例：<div style="background-color: Green; width: 500px;"></div>

在ie6\ie7下默认有20px的高度产生，而IE8\FF\Chromium默认为无高度。

在标签样式加入height：0px后 在IE6下仍保持高度，IE7\IE8\FF..则变正常。

解决方法为：在标签内加入一个空的行内标签

如：<div style="background-color: Green; width: 500px;"><span></span></div>

则所有浏览器变为正常。