:前言
清除这两个css浮动，当使用CSS浮动时就会生成CSS浮动。这时候就需要清除浮动，可以通过使用clear style属性来实现。
二、清晰的语法和结构
1.clear语法clear:none | left | right | both2。清除参数值描述属性描述无允许两侧浮动对象bot不允许左侧浮动对象不允许左侧浮动对象右侧不允许右侧浮动对象3。明确地解释
该属性的值表示浮动对象没有边缘，浮动对象在左边，浮动对象在右边，浮动对象是不允许的。
4.CSS结构div { clear:left } div { clear:right } div { clear:both }
三、 div clear的常用情况
最常见的方法是使用clear:both来清除浮动。
例如，一个大对象中有两个小对象使用css浮动样式。为了避免浮动，不能正确显示大对象的背景或边框。这时，清除：两者都需要清除浮动。
四、案例1。案例描述
将css宽度设置为500像素；Box (div)，css border (css border)是红色，css background (css background)是黑色，css padding是一个150px的盒子，里面包了两个小盒子，一个css向右浮动(float:right)，另一个css向左浮动(float:left)，边框白色，背景色灰色，200px，css宽度。
要观察案例的效果，看浮，用clear清浮。
Css代码：div css5 { width:500 px；背景：# 000；边框：1px纯色# F00填充：10px }。div css5_left，div css5 _ right { border:1px solid # FFF；背景：# 999；宽度：200px高度：150px} css评论：这里截图，把css代码包起来。div css5_left {float: left} css注释：设置向左浮动。div css5_right {float: right} css注释：设置向右浮动。
Html代码片段：
浮动左框浮动右框案例效果截图
2.清除浮动方法
向css代码中添加CSS代码：清除{清除：两者}
将代码添加到.div css5 Html中的框*:
清晰浮动效果图：
五、摘要
基于Html，介绍了在实际开发中，可以使用clear来清除float产生的float。在添加样式清晰的对象的位置，只需要在这个对象的div标签末尾之前添加，就可以清除内部小框的浮动。通常，clear:both用于清除浮动。用代码加截图的方法，希望能帮助你更好的学习。
审计福冈江
标签：css代码对象