将左框文字环绕右浮动，保留标记语义，IE> = 8

Question

What we want:

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

What we have:

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

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

If the order of the content in the two div's (note that content is variable), how is it possible to achieve what we want (and work in IE8...)?

Div b is of a fixed width, variable height, and the container div of div a and div b is of a fixed width.

I've discovered the technique of inserting a dummy div above div a , setting it's width to that of div b , using JS to calculate height of div b and applying that to the dummy div, floating the dummy div right, then absolutely positioning div b on top of the dummy div. It's the only way I've found that maintains the order of the content in div a and div b without using advanced CSS3...

Answer 1

将以下示例调整为所需的宽度： http : //cdpn.io/heDJu