0

これら 2 つの div (必要に応じてスパン) を別の div 内に収める方法を教えていただければ幸いです。内側の 2 つの div のサイズが、大きなコンテナーの特定の割合になるようにする必要があります。また、それらは互いに隣接している必要があります。Web と stackoverflow でさまざまなソリューションを試しましたが、まだ機能していないようです。誰でも助けることができますか?コード スニペットを以下に示します。わかりやすいように、フィドルも含めました。

body {
    background-color:#f2f2f2;
}
#content {
    border:solid;
    height:500px;
    width:500px;
}
.results {
    width:50%;
    height:70%;
    border: solid;
    /*overflow:scroll;overflow-x:hidden;*/
    margin-left:7%;
    margin-top:5%;
    margin-bottom:8%;
}
.map {
    width:25%;
    height:70%;
    border: dotted;
    margin-top:5%;
    margin-bottom:8%;
    float:right;
}


<body>
    <div id="content">
        <div class="results"></div>
        <div class="map"></div>
    </div>
</body>

上記のコードのフィドルは次のとおりです

みんな助けてくれてありがとう!私の質問が十分に明確であることを願っています。

4

3 に答える 3

1

display:inline-blockはあなたが探しているものだと信じています。

入れて差し替え.resultsます。float:right.map

これが更新されたjsFiddleです

于 2013-07-14T22:36:44.473 に答える
0

両方の内側の div を外側の div 内に収めたい場合は、それらをフロートするだけです。最初の内部 div をフローティングしていないため、2 番目の div がその下に来ています。float:leftあなたの.resultsdivとそれは仕事をします。

これがあなたのフィドルへの小さな変更です:ここ

それが役立つことを願っています。:)

于 2013-07-14T22:41:47.823 に答える