css定位IE的问题

Question

我的布局有问题......应该很简单，但我不会做对。它适用于Firefox，但不适用于IE ....：'（

请不要写一些教程页面......这是一个独特的问题;）。

问题：div leftBar和rightBar应该调整内容大小。如果有很多文本，它们应该具有相同的高度（因此我在绝对定位时使用了顶部和底部）内容是正确的，它只适用于leftBar，而rightBar不会调整大小...... thx用于响应，关于marius

<div id="container" style="position:relative; width:100px;">
  <div id="leftBar" style="position:absolute; left:0; top:0; bottom:0px; width:10px;"></div>
  <div id="content" style="position:relative; margin-left:10px; margin-right:10px;"></div>
  <div id="rightBar" style="position:absolute; right:0; top:0; bottom:0px; width:10px;"></div>
</div>

Answer 1

您可以使用background-image上的div#container，使leftBar和rightBar具有相同高度的外观

我能想到的另一种方法是使用javascript并设置高度。