DIV中的DIV - IE7中的新行

Question

非常简单的HTML：

<div id="wrapper" style="background-color:green;">WRAP
<div style="float:right;">float2</div>
</div>

结果：

• 在Chrome，IE8，IE9中：单词“WRAP”和“float2”的位置 同一条线;单词和整行都有绿色BG
仅在IE7中
• ：在第1行上单词“WRAP”位置并且具有绿色BG; 单词“float2”位于第二行并具有白色BG

所以 - 我想要的：IE7行为== IE8 / 9 / Chrome行为。

Answer 1

你只需要反转元素的顺序，这样IE就可以在显示文本之前浮动内部div：

<div id="wrapper" style="background-color:green;">
  <div style="float:right;">float2</div>
  WRAP
</div>

Answer 2

试试这个：

<div id="wrapper" style="background-color:green;">WRAP<div class="floater" style="float:right;">float2</div></div>

（删除空格和换行符可能会有所帮助;）