1、一提到清除浮动，我们就会想到另外一个CSS样式：clear：both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了华容免费建站欢迎大家使用！
2、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。
3、clearfix的定义：[css] view plain copy print？.clearfix：after {}{ content： . /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/ display： block； /**//*加入的这个元素转换为块级元素。
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
clear：both；作用：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
在这里的话是清除浮动的意思。单纯的就你的这个例子来说，如果不加clear：both 这两个苹果是一行显示的，加了之后变成两行显示了。
none 表示对象不浮动。相对应的CSS属性是”float”。Clear：不允许元素的浮动。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。
1、清除元素的浮动效果。在CSS1和CSS2中，clear是通过自动为清除元素(即设置了clear属性的元素)增加上外边距实现的。
2、简单来说呢，clear属性的作用就是“清除”浮动。如果某元素设置clear：left；表示该元素左边不存在浮动元素 相应的，clear：right；表示该元素右边不存在浮动元素；clear：both；表示该元素两边都不存浮动元素。
3、Clear：不允许元素的浮动。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。
4、这里的clear是样式名。样式写在CSS文件中 从名称来看估计你的样式为：.clear {clear：both； } clear：both；作用：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
1、清除元素的浮动效果。在CSS1和CSS2中，clear是通过自动为清除元素(即设置了clear属性的元素)增加上外边距实现的。
2、css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
3、在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
4、clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
5、首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
clear：both；作用：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
简单来说呢，clear属性的作用就是“清除”浮动。如果某元素设置clear：left；表示该元素左边不存在浮动元素 相应的，clear：right；表示该元素右边不存在浮动元素；clear：both；表示该元素两边都不存浮动元素。
1、方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
2、CSS清除浮动很多方式，可以使用：before和：after伪类来清除浮动，优点是不会增加页面dom元素，缺点是IE浏览器只支持IE8及其以上。
3、.clear{clear：both；line-height：0；}首先在很多很多年以前我们常用的清除浮动是这样的。现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题。