关于css清除浮动，解决内容溢出的问题

以前在布局的时候总会遇到这样的问题，比如我想让整体的内容居中，所以会这样写，

.main-content{
width:960px:height:300px;margin:0px auto;
}

然后再 在这个大的盒子中一次摆放小的DIV，并加上floa:left;属性，但有时候会出现这种情况，



当加上float之后，子DIV 的高度会溢出父DIV，

可以用以下办法

.main-content{
width:960px:height:;margin:0px auto;
overflow:auto;    //加上这个属性
}

//对于IE6
//还得加上
zoom:1;