Css 父div中的子div,float:左

Css 父div中的子div,float:左,css,html,css-float,Css,Html,Css Float,请看一下我的代码: 为什么蓝色的div不在红色的div内,为什么红色的div的高度为0。 我怎样才能解决这个问题? 谢谢将溢出:隐藏添加到父级 .parent{ 背景颜色:金色; 边框:1件纯金; 位置:相对位置; 溢出:隐藏 } .孩子{ 浮动:左; 宽度:100px; 高度:100px; 显示:块; 利润率:10px; 背景颜色:粉红色; 边框:1px实心#999; } 第一组 第二组 第三组 添加显示:表格;在父级内部。那就行了。使用以下格式向父div添加一个额外的空div: <

请看一下我的代码: 为什么蓝色的div不在红色的div内,为什么红色的div的高度为0。 我怎样才能解决这个问题?
谢谢

溢出:隐藏
添加到父级

.parent{
背景颜色:金色;
边框:1件纯金;
位置:相对位置;
溢出:隐藏
}
.孩子{
浮动:左;
宽度:100px;
高度:100px;
显示:块;
利润率:10px;
背景颜色:粉红色;
边框:1px实心#999;
}

第一组
第二组
第三组

添加显示:表格;在父级内部。那就行了。

使用以下格式向父div添加一个额外的空div:

 <div style="clear:both"></div>


<代码>显示:表不支持IE7和下面的“下”-这可能不是一个大问题,但你仍然要考虑IE7谢谢你佐尔坦。它工作得很好。你能给我一个简短的解释这个解决方案吗。我想了解这一点。感谢浮动从正常文档流中取出这一事实导致的问题。另一侧的
overflow:hidden
建立了一个新的块格式上下文(),并再次成为浮动的父元素。