Css IE7分区箱,带透明:右侧和浮动:左侧-浮动至顶部

Css IE7分区箱,带透明:右侧和浮动:左侧-浮动至顶部,css,css-float,internet-explorer-7,Css,Css Float,Internet Explorer 7,最近为了解决这个问题,我一直把头撞在桌子上。没有成功。我知道这可以通过编辑带有一些清除元素的内容来解决。遗憾的是,使用了一些javascript排序,并且由CMS组件生成了Sourcode,这将是我的最后一次尝试 我有几个盒子一直漂浮着,一排两个。这些盒子的高度不同,但宽度相同,都放在一个静态宽度的容器中。链接显示了我需要重现问题的来源。我的箱子漂向左边。我试图用clear:left在奇数元素上和clear:right在偶数元素上解决这个问题。但这只适用于ff/ie8/chrome浏览器,而不是

最近为了解决这个问题,我一直把头撞在桌子上。没有成功。我知道这可以通过编辑带有一些清除元素的内容来解决。遗憾的是,使用了一些javascript排序,并且由CMS组件生成了Sourcode,这将是我的最后一次尝试

我有几个盒子一直漂浮着,一排两个。这些盒子的高度不同,但宽度相同,都放在一个静态宽度的容器中。链接显示了我需要重现问题的来源。我的箱子漂向左边。我试图用clear:left在奇数元素上和clear:right在偶数元素上解决这个问题。但这只适用于ff/ie8/chrome浏览器,而不是ie7

例如:

有人知道通过编辑CSS而不是实际的XHTML来解决这个问题的可能性吗?问题出现在IE7中。IE8、铬和FF工作正常

有什么想法吗


提前感谢

如果您能够在标题中包含js,那么您是否可以尝试使用

我玩过它,但给出了float:右,把它搞砸了,它可能比实验float值要复杂一点

-更新-

我似乎能够通过以下方式使其在ie7中工作:

移除浮子:左开。清除, 增加浮动:左;页边距顶部:0px到。偶数

只需删除即可


它的工作原理与预期一致。

交易如下。您只需要浮动每对框中的一个。以下是修改后的css规则:

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

  .odd {            
  }

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

对不起,我犯了个奇偶的错误。您的解决方案在ie7中运行良好,而不是像我意识到的那样在ie8和ff中运行良好。因此,我可以在浏览器特定的样式中使用它。非常感谢你。
  .even {
  float: left;
  clear: left;
  margin-top: 0
  }

  .odd {            
  }