css - IE7 RTL 向右浮动，向左浮动

Question

我有一个 RTL 文档，其中有一个包含 float: left; 和 float: right; 元素的元素。 IE7 无法正确呈现它。

查看演示和截图:

JS fiddle :jsfiddle.net/R6aS5/

Firefox(正确)

IE 7 - 不正确 - 正确的 float 元素在其父容器之外

向左浮动的元素(蓝色)必须保持流动。我知道添加类似 width: 200px; 的东西会修复它，但里面的 float 元素是动态的。

Answer 1

已通过更改具有 float: right; 的内部元素的变通方法解决 - 删除 float 并使用 display: inline; 和 zoom: 1; 用于 IE7。

JS fiddle :http://jsfiddle.net/8pFsZ/

渲染如下-

火狐:

IE7:

或者，也可以使用 star hack 来修复 < IE7，而不是为所有浏览器删除 float 属性:

li {
    float: right;
    *float: none;
    *display: inline;
    *zoom: 1;
    border: 1px solid green;
    padding: 5px;
}