当两个元素都设置了左浮动或右浮动时，元素会依次浮动在页面左边或者右边。但有时会希望元素都排列在页面的最左边或最右边，这时候就可以使用clear属性来清除浮动。clear属性是用来设置元素的左、右是否允许出现浮动对象。
该属性有4个属性值，分别是none、left、right和both。其语法结构如下所示。
o clear:none/left/right/both;
其中，none表示元素左右两边都允许出现浮动元素；left表示元素左边允许出现浮动元素；right表示元素右边允许出现浮动元素；both表示元素两边都不允许出现浮动元素。
【示例】下面的例子将3个元素都设置为右浮动，并且左右两边都不允许出现其他的浮动元素。oo
o oo 定义元素在页面右边浮动。o o
o 定义元素在页面右边浮动。o o
o 定义元素在页面右边浮动。o o
o 运行后效果如图1所示。
图1 清除浮动运行结果图。
关于浮动与清除浮动
在css2里，浮动 float 这个属性是个经典又诡异的一个属性，历来对它的争议就不断。从语义上讲 float这个属性顾名思义，既然叫浮动，咱们不妨把它与船体在水中的浮动联系起来。即可以这样假设，document为一个水箱，document的文档流就是水箱里的一层水，这层水的厚度无限接近于零，而所有...