在IE8中浮动div的问题

我想让两个块站在一起。在Opera，Chrome和Firefox中，我用我使用的代码得到了预期的结果。但IE8拒绝正确显示它。这里的IE8截图：http://ipicture.ru/upload/100405/RCFnQI7yZo.png 和Chrome截图（应该怎么样子）：http://ipicture.ru/upload/100405/4x95HC33zK.png 在IE8中浮动div的问题

这里是我的HTML：

<div id="balance-container"> 
    <div id="balance-info-container"> 
     <p class="big" style="margin-bottom: 5px;"> 
      <strong> 
       <span style="color: #56666F;">Баланс:</span> 
       <span style="color: #E12122;">-2312 руб</span> 
      </strong> 
     </p> 
     <p class="small minor"><strong>Овердрафт 1000 руб. до 1.05.10</strong></p> 
    </div> 
    <div id="balance-button-container"> 
     <button id="pay-button" class="green-button">Пополнить счет</button> 
    </div> 
</div>

和CSS：

#balance-container { 
    margin-left: auto; 
    margin-right: auto; 
    width: 390px; 
} 
#balance-info-container, #balance-button-container { 
    float: left; 
} 
#balance-info-container { 
    width: 250px; 
}

来源

2010-04-05 HiveHicks

#balance-container { 
    margin: 0 auto 0 auto; 
    width: 390px; 
} 
#balance-info-container { 
    width: 250px; 
    float:left; 
} 
#balance-button-container,#pay-button{ 
    width:140px; 
    float:left; 
}

这应该给你预期的并排容器。

来源

2010-04-05 13:45:30 Brant

谢谢！它帮助！ – HiveHicks 2010-04-05 14:40:06

这是最有可能的事做与宽度。 #balance-info-container似乎不适合在右边，所以它滑倒。
要测试这是问题，请给#balance-containerwidth:450px;并进行刷新。

如果确实存在这个问题，您可以使用IE的开发人员工具分析每个子容器的宽度，然后缩小或放大父容器，使其适合它们。

来源

2010-04-05 13:36:50 ANeves

在IE8中浮动div的问题

回答

相关问题