html - 在包装器 CSS IE 问题中居中 2 个 Div

Question

我试图将两个 div 放在包装 div 内的同一行（最好是居中）。我编写的代码在 FF 和 IE10 中运行良好。几乎每个版本的 IE <10 都不喜欢它。谁能帮忙，谢谢！

html:

<div id="home_wrapper">
    <div id="links_location" class="shadow">content</div>
    <div id="iframe_location" class="shadow">content</div>
</div>

CSS：

#home_wrapper {
    width: 100%;
    text-align: center;
    border: 1px solid blue;
    float:left;
}
#links_location, #iframe_location {
    display: inline-block;
    background-color:White;
    !important
}
#links_location {
    width:20%;
    height:400px;
    text-align:left;
    border: 1px solid red;
}
#iframe_location {
    height:400px;
    width:70%;
    border: 1px solid black;
}

jsfiddle _

Answer 1

怎么样：

#links_location, #iframe_location
{
    background-color:White;
    float: left;
 }

是你想要的吗？更新了 jsfiddle

*更新*

!important如果您放置在所有 IE 版本中，一切对我来说都很好white，就像这样background-color: White !important;。你把你的css放在分号之后搞砸了:)