css - 如何修复 IE6 和 IE7 中的 CSS float 问题？

Question

我说的是我网站上文章下方的“上一篇”和“下一篇”帖子导航链接，在所有现代浏览器 (IE > 7) 中看起来像这样(下)

但是在IE6和IE7中是这样的

是的，我网站的其余部分在这些浏览器中看起来也非常好，并且希望在不破坏其他任何东西的情况下让它正常工作。我看到 IE6 和 IE7 可能有 float 问题，并且也有一个修复程序(一个有效的修复程序，我找不到)。

这是与帖子导航相关的 HTML 代码(如上所述):

<div class="post-entries">
<div class="nav-prev fl"><a href="http://example.com/2011/01/01/post-1/" rel="prev"><span class="meta-nav">?</span> LG's A530 3D Notebook Shoots And Plays In 3D [PICS]</a></div>
<div class="nav-next fr"><a href="http://example.com/2011/01/01/post-2/" rel="next">LG's Mouse Scanner Saves Scanned Material To Image, PDF or DOC <span class="meta-nav">?</span></a></div>
<div class="fix"></div>
</div>

这是与上述内容相关的 CSS 代码:

.post-entries { clear:both; margin-top:20px; background-color: #F8F8F8; border-bottom: 1px dashed #AAAAAA; border-top: 1px dashed #AAAAAA; line-height: 1.7; margin-bottom: 15px; padding: 5px 10px; font-weight: bold; font-size: 1.1em; }
.post-entries a:link, .post-entries a:visited { font-size:0.9em; color:#888; }

.fl{float: left;}
.fr{float: right;}

.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}

我希望我是清楚的。有人可以帮我解决这个问题吗？

Answer 1

这个怎么样？添加的CSS:

/*.post-entries{float:left;width:600px}*/
.nav-prev,.nev-next{display:block;width:100%}

更新 fiddle :http://jsfiddle.net/y3MBC/14/