常用的清除浮动的方法

本文所讨论场景均由以下代码表示。 HTML结构: CSS样式: .outer{ width:300px; border: 1px solid #ccc; background:red; } .inner{ width:100px; height:100px; background: blue; float:left; } 以上代码显示结果为 期待的显示结果为 分析:由上图看出,父元素为被撑开,高度为0,所以看不到其背景色。 (我理解的浮动:游泳池底有一个