html - パネル内でのパネルの整列に関する CSS の問題

Question

下の画像を見てください。青いボックス内に赤いボックスを定義しましたが、それらは左に流れて黒いボックスに入ります。興味深いことに、古いブラウザーや互換モードをオンにした場合、それらは私が望むように見えます。また、VS2008で見たいと思っているように見えます。誰にもアイデアはありますか？ここにCSSがあります

body
{
}
.left
{
    border: solid 1px black;
    width: auto;
    padding: 20px;
    height: 750px;
    float: left;
    font-family: Calibri;
    font-size: small;
}

.right
{
    border: solid 1px blue;
    width: 750px;
    height: 750px;
    font-family: Calibri;
    font-size: small;
    padding: 20px;
}

Answer 1

ああ、フロートも必要です: left in .right なぜこれなのかしら。