IE7 RTL在浮动左侧浮动

Question

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

参见演示和截图：

JS小提琴：jsfiddle.net/R6aS5/

Firefox（正确）

IE 7 - 不正确 - 右浮动元素位于其父容器之外

左浮动的元素（蓝色）必须保持流动。我知道添加像width: 200px;这样的东西会修复它，但里面的浮动元素是动态的。

Answer 1

修复了更改包含float: right;的内部元素的变通方法 - 删除了浮点数并使用display: inline;与IE {1}}。

JS小提琴：http://jsfiddle.net/8pFsZ/

呈现如下 -

火狐：

IE7：

或者，也可以使用星形黑客来修复＆lt; IE7只代替删除所有浏览器的float属性：

zoom: 1;