我要使两个块并排站立.在Opera,Chrome和Firefox中,我使用的代码可以得到预期的结果.但是IE8拒绝正确显示它.
IE8屏幕截图：http://ipicture.ru/upload/100405/RCFnQI7yZo.png
和Chrome屏幕截图(外观如何)：http://ipicture.ru/upload/100405/4x95HC33zK.png
这是我的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;
}
最佳答案
#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;
}
那应该给你想要的并排容器.
