0

ラッパー div 内の同じ行 (できれば中央) に 2 つの div を配置しようとしています。私が書いたコードは、FF と IE10 でうまく動作します。10 未満の IE のほぼすべてのバージョンは、これを好まない。誰でも助けてくれますか、ありがとう！

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

4

1 に答える 1

1

どうですか：

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

それはあなたが望んでいたものですか？更新されたjsfiddle

*更新*

このように の!important後に配置すると、すべての IE バージョンですべて正常に動作します。セミコロンの後に置くことでcssを台無しにします:)whitebackground-color: White !important;

于 2013-01-24T15:57:49.317 に答える