Question

CSS的<a>标签浮动IE6,7下显示不正常

我在一个div内填充了一个文章列表，需求是每行显示两篇文章标题链接，有很多行。
做法是每一篇文章标题链接用一个<a>标签，给DIV限制了一个可以容纳两篇文章标题左右的宽度，然后给所有的<a>标签一个左浮动。
后来发现，在IE8以上版本显示正常，但在IE6,7下，由于有一篇文章标题稍短，下面一行的一篇文章的头两个字挤了上来。这是什么原因，怎么解决？
.main_top_right li{
line-height:26px;
font-size:14px;
float:left;
padding-right:10px;
}

<div class="main_top_right">
<div class="hardnews">
<li><a href="#">毕业论文答辩准备及技巧</a></li>
</div>
</div>

Answer 1

　　个人感觉你写的结构不是太好，既然是每行两个a标签，为什么不在每个li里面放两个a标签？这样a标签还不用浮动，也就减少了兼容性问题。

<li>
    <a href="#">标题1</a> <a href="#">标题2</a>
</li>
<li>
    <a href="#">标题1</a> <a href="#">标题2</a>
</li>

Answer 2

每两个<a>后面清除一下浮动试试 clear=“both”

追问

这个我倒是也想到了，但是我看别人做的东西没有清浮动也可以兼容IE6,7。所以我更想知道是什么原因。

Answer 3

帖代码出来才能帮你解决，IE8与6有兼容问题

追问

有字数限制，贴不了那么多，只能这样写了