我们想要什么:
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 a
和div b
的容器div具有固定宽度。
编辑1
我发现了在div a
之上插入虚拟div的技术,将其宽度设置为div b
的宽度,使用JS计算div b
的高度并将其应用于虚拟对象div,将虚拟div右移,然后将div b
绝对定位在虚拟div的顶部。这是我发现在div a
和div b
中维护内容顺序而不使用高级CSS3的唯一方法...