この問題は SO で以前に対処されたことを知っており、多くの解決策を読んだことがありますが、何らかの理由でこれを正しく機能させることができません。横に並べて 2 つのセクションに分割したいコンテナー div があります。以下にコードを最小限にまとめました (実際の構造はこれよりもずっと複雑です)。赤と青の背景を持つ 2 つの内部 div を並べて表示することができれば、あとはそのまま使用できます。理論的には、それらは約 30/70 の比率で含まれている div 内の白い領域を埋めるように拡張する必要がありますが、並べてフローティングすることに固執しています。どういうわけか見逃した私の質問に対する正確な回答がある場合は、内部 SO リンクで問題ありません。
<div style="margin-left:40px; width:955px; height:300px; background-color:#d6d6d8; border:1px solid #767575;">
<div style="background-color:#ffffff; margin-top:10px; margin-left:10px; border:1px solid #767575;
width:932px; height:260px;">
<div style="float:left; background-color:red; width:100px; height:100px;">
video holder
<div>
<div style="float:left; background-color:blue; width:100px; height:100px;">
form holder
</div>
</div>
</div>