Question

我试图在包装div内的同一行（最好是居中）放置两个div。我写的代码在FF和IE10中运行得很好。几乎每个版本的IE＆lt; 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 JSFiddle

Answer 1

怎么样：

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

这是你想要的吗？ Updated jsfiddle

*的更新 *

如果您在!important之后white放置background-color: White !important;，那么在所有IE版本中，一切正常。你用分号后放置你的css搞砸了：）

在包装CSS IE中居中2个故障

1 个答案: