由于<hr>在不同浏览器中很难显示出相同的外观,通常会采取设置一个空的<div>,赋给一定的高度。但是IE中对于空的<div>会有一个最小高度,我是用的IE7,值为20px。解决办法:
1. 在<div>标签中加入一段柱石,如:<div style="background-color: red; height: 5px;"><!-- Only for the fucking IE div height. --></div>
2. 在<div>标签中加一个 ,同时CSS属性里面加上font-size:1px; line-height:0px;
以上两种方法参考http://archivist.incutio.com/viewlist/css-discuss/39150和http://www.webmasterworld.com/forum83/6860.htm
另外还发现了一个非常好的讲解在CSS里面<hr>相关问题的链接: