html - 将左框文本包裹在右浮动周围，保持标记语义，IE>=8

Question

我们想要什么：

div a text div a text  | div b text |
div a text div a text  | div b text |
div a text div a text  | div b text |
div a text div a text div a text diva
div a text div a text div a text diva
div a text div a text div a text diva

我们有什么：

<div id="a">
    <h3>...</h3>
    <p>...</p>
    <p>...</p>
</div>

<div id="b">
    <h3>...</h3>
    <p>...</p>
</div>

如果两个 div 中内容的顺序必须保持给定的顺序（注意内容是可变的），如何才能实现我们想要的（并在 IE8 中工作......）？

Div b具有固定宽度，可变高度，并且 和 的容器 divdiv a具有div b固定宽度。

编辑 1

我发现了在上面插入虚拟 div 的技术，将div a其宽度设置为div b，使用 JS 计算高度div b并将其应用于虚拟 div，将虚拟 div 向右浮动，然后绝对定位div b在虚拟 div 的顶部。这是我发现在不使用高级 CSS3div a和div b不使用高级 CSS3 的情况下保持内容顺序的唯一方法......

Answer 1

将以下示例调整为您想要的宽度：http ://cdpn.io/heDJu