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

IE7 RTL浮动右内侧浮动左

  •  1
  • Jen  · 技术社区  · 13 年前

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

    查看演示和屏幕截图:

    JS小提琴: jsfiddle.net/R6aS5/

    Firefox(正确)

    enter image description here

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

    enter image description here

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

    1 回复  |  直到 13 年前
        1
  •  1
  •   Jen    13 年前

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

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

    渲染如下-

    火狐浏览器:

    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;
    }