如果不希望文字围绕浮动的盒子，又
该如何呢？此时对围绕文字所在标签
的样式进行如下修改后，从下面的效果图中可以看出，段落的上边界向下移动，直到文字不受左边的两个盒子影响位置，但仍然受到Box-3的影响。
.father p {
border:1px dashed #111111; background-color:#ff90ba; clear:left; }
接着，将clear属性设置为right，将看到如下效果。由于Box-3比较高，因此清除了右边的影响，自然左边也就不会受到影响了。还有说明的是可以将clear属性设置为both，从直接消除左右两边浮动盒子的影响。
实验八：扩展盒子的高度
关于clear的应用，这里再给出一个例子，将文字所在的段落
标签删除，这时在父div里面只有3个浮动的盒子，它们都不在标准流中，这时浏览器的显示效果如下：
可以看到，文字段落被删除以后，父
div的范围缩成一条，是由padding和border构成的，也就是说，一个div的范围是由它里面的标准流内容决定的，与里面的浮动内容无关。下面将介绍一种方法以使父div的范围能够包含3个浮动的子div，见如下修改后的HTML代码和与之对应的效果图。
Box-1 Box-3
Box-3
Box-3