关注IE8B1中高度引起的错乱
八月 24, 2008, Posted by cike at 2:29 下午
一直对自己写标题+时间的结构很得意！如有雷同，实属同道！
<style>
li {text-align:right;}
li a {float:left}
</style>
<ul>
<li><a href=”#”>刺客文章一</a>08-12</li>
<li><a href=”#”>刺客文章二</a>08-12</li>
<li><a href=”#”>刺客文章三</a>08-12</li>
</ul>
li {text-align:right;}
li a {float:left}
</style>
<ul>
<li><a href=”#”>刺客文章一</a>08-12</li>
<li><a href=”#”>刺客文章二</a>08-12</li>
<li><a href=”#”>刺客文章三</a>08-12</li>
</ul>
这一段在对常州人519R.com改版时发现在IE8中错乱！
仅出现在IE8中，自信很受打击，是我的结构问题还是IE8 BUG呢？实践！
习惯动作为li加上boder:1px solid blue，恢复显示正常（标题左时间右）:D 无法查空白是出在哪！
细心可发现，下一行的标题是接着上一行的标题尾的，看来问题出在高度上，看完整解决的DEMO：http://blog.cike.org/demo/html-css/ie8-height.html
总结：从DEMO中最后一例上看，IE8对浮动元素高度的默认处理有别于低版IE、FF2FF3、Opera，浮动元素要常考虑高度定值或overflow：hidden才行
