1.前言CSSclearboth清除产生浮动，使用cssfloatfloating会产生css浮动，这个时候需要清除浮动，只需使用clearstyle属性即可实现。2.清晰的语法结构1.清晰的语法clear:none|left|right|both2.清晰的参数值说明3.clear说明这个属性的值指出了不允许有浮动对象的边缘情况，浮动对象不允许在对象的左侧，不允许在右侧浮动，不允许浮动对象。4、css结构div{clear:left}div{clear:right}div{clear:both}3、divclear最常用的情况是使用clear:both清除浮动。比如一个大对象中有两个小对象使用cssfloat样式避免浮动，导致大对象的背景或边框无法正确显示。这时候需要clear:both来清除浮动。四、案例一、案例描述设置一个css宽度（csswidth）为500px；box(div),cssborder(cssborder)转红色,css背景(cssbackground)转黑色,csspadding转10pxbox,里面包裹了2个小盒子,一个css向右浮动(float:right),一个css向左浮动（float:left），两者的边框均为白色，背景色为灰色，宽度为200px，css高度和css高度均为150px。这样，我们就可以观察case的效果，看到浮动生成，使用clear清除浮动。CSS代码：.divcss5{width:500px;background:#000;border:1pxsolid#F00;padding:10px}.divcss5_left,.divcss5_right{border:1pxsolid#FFF;background:#999;width:200px;height:150px}/*csscomment:在这里，为了截图，包裹css代码*/.divcss5_left{float:left}/*csscomment:setfloatingtotheleft*/.divcss5_right{float:right}/*csscomment:setfloatingto右侧*/html代码片段：
