css - 带有清晰 : right and float: left - float to top 的 IE7 div 框

Question

最近我一直在用头撞 table 来解决这个问题。没有成功。我知道可以通过使用一些清除元素编辑内容来解决。遗憾的是，使用了一些 javascript 排序蜜蜂，并且 CMS 组件正在生成源代码，所以这将是我的最后一击。

我有几个盒子一直连续漂浮 2 个。这些盒子的高度不同但宽度相同，并且都放置在一个静态宽度的容器中。该链接显示了我需要重现问题的来源。我的盒子向左漂浮。我试图用 clear: left on odd 和 clear: right on even 元素来解决这个问题。但这只适用于 ff/ie8/chrome 浏览器，不适用于 ie7。

示例:http://www.i3rutus.de/ie7divfloatexample/

有谁知道可以通过只编辑 CSS 而不是实际的 XHTML 来解决这个问题？问题出现在IE7中。 IE8、Chrome 和 FF 工作正常。

有什么想法吗？

提前致谢

Answer 1

这是交易。您只需要 float 每对盒子中的一个。这是修改后的 css 规则:

  .even {
  float: left;
  clear: left;
  margin-top: 0
  }

  .odd {            
  }

Demo

(顺便说一句，你对奇数和偶数的使用让我追了一会儿；))