<style type="text/css">
.mainbox{
width:960px;
background-color:#cff;
height:300px;
}
.leftbox{
width:740px;
height:300px;
background-color:#c9f;
float:left;
}
.rightbox{
width:210px;
height:300px;
background-color:#FCF;
float:right;
}
</style>
</head>
<body>
<div class="mainbox">
<div class="leftbox">box2</div>
<div class="rightbox">box3</div>
</div>
浮动脱离正常文档流，如果div标签中没有任何内容的话，div所在区域将不显示，即使你设置了背景颜色。你的代码中，子div设置了浮动，脱离正常文档流，所以其父元素div没有任何内容，你必须设置了宽度才有用。
清除浮动的一种方式