以上结果实现了结果，很明显是直接添加了一个高度相等的空元素，因为此元素没有浮动，所以是跟背景一样，因此背景被撑开了。其实是用清除浮动的原理跟这个是一样的，也是想办法撑开背景；以上去掉clear的宽，高，加上clear属性
复制代码 代码如下:
.clear{
clear:left;
}
执行结果：
这个可能还看不清楚，给clear框里边加几个字试试看
执行结果：
因为clear用了clear:left综上所述，clear左边不能有浮动元素，所以它必须另起一行显示。如此便看到图上的结果，其实还是用一个元素撑开的背景。当然还有其他方法实现，这里主要是讲清楚浮动就好了:)
您可能感兴趣的文章: