これら 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>
みんな助けてくれてありがとう!私の質問が十分に明確であることを願っています。