代码之家 › 专栏 › 技术社区 › Jen

IE7 RTL浮动右内侧浮动左

right-to-left internet-explorer-7 css

1

Jen · 技术社区 · 13 年前

我有一个RTL文档,它有一个元素 float: left; 具有 float: right; 元素。IE7无法正确呈现它。

查看演示和屏幕截图:

Firefox(正确)

enter image description here

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

enter image description here

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

1 回复 | 直到 13 年前

1

Jen 13 年前

通过更改具有 float: right; -移除浮子并使用 display: inline; 具有 zoom: 1; 用于IE7。

渲染如下-

火狐浏览器:

enter image description here

第7页:

enter image description here

或者,也可以使用星形破解来修复<仅IE7,而不是删除所有浏览器的float属性:

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