html 内部浮动外部不,html – 外部div的高度不会与内部div扩展

我有一个bodyMain div宽度为100％。内部是一个具有自动边距的body div 800px(可以使用“body”作为id吗？)。里面是两个div的bodyLeft和bodyRight分别为200px和600px。当我向内部div添加内容时，bodyMain和body的身高都不会扩展。所有的高度都是自动的。

HTML：

left text goes here

Right text goes here

CSS：

#bodyMain{

border:1px solid red;

width:100%;

height:auto;

}

#body{

border:1px solid green;

width:804px;

height:auto;

margin:auto;

}

#bodyLeft{

border:1px solid blue;

float:left;

width:200PX;

height:auto;

}

#bodyRight{

border:1px solid orange;

float:right;

width:600PX;

height:auto;

}