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

时间:2013-04-18 04:43:40

标签: html css

我们想要什么:

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具有固定宽度,可变高度,div adiv b的容器div具有固定宽度。

编辑1

我发现了在div a之上插入虚拟div的技术,将其宽度设置为div b的宽度,使用JS计算div b的高度并将其应用于虚拟对象div,将虚拟div右移,然后将div b绝对定位在虚拟div的顶部。这是我发现在div adiv b中维护内容顺序而不使用高级CSS3的唯一方法...

1 个答案:

答案 0 :(得分:-1)

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