IE不会在浮动元素周围包装RTL段落

Question

我有一个浮动元素，如img或div，后跟p。

<div style="float:left;">float.</div>
<p style="direction:rtl;">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</p>

它在其他浏览器中按预期工作，但IE将段落文本拟合到一个窄列。

http://jsfiddle.net/kYDgL/723/

Answer 1

我将css更改为

#container{
    width: 400px;
    background: yellow;
}
p {
  direction: ltr;
  text-align: right;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

这是对你有用的小提琴希望。 http://jsfiddle.net/kYDgL/724/