方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
成都创新互联公司2013年至今，先为双鸭山等服务建站，双鸭山等地企业，进行企业商务咨询服务。为双鸭山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
CSS清除浮动很多方式，可以使用：before和：after伪类来清除浮动，优点是不会增加页面dom元素，缺点是IE浏览器只支持IE8及其以上。
.clear{clear：both；line-height：0；}首先在很多很多年以前我们常用的清除浮动是这样的。现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题。
建议：推荐使用，建议定义在公共类，以减少css代码 父级div定义overflow方法 当给父元素设置了overflow样式，不管是overflow：hidden或overflow：auto都可以清除浮动只要它的值不为visible就可以了。
清除元素的浮动效果。在CSS1和CSS2中，clear是通过自动为清除元素(即设置了clear属性的元素)增加上外边距实现的。
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
Clear：不允许元素的浮动。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
这里的clear是样式名。样式写在CSS文件中 从名称来看估计你的样式为：.clear {clear：both； } clear：both；作用：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
清除元素的浮动效果。在CSS1和CSS2中，clear是通过自动为清除元素(即设置了clear属性的元素)增加上外边距实现的。
“清除”就是clear这个属性的中文解释，“浮动”是float这个属性的中文解释。清除（clear）的意思可以理解为把这个元素指定方向的内容给移走。
clear：both 在css里是清除左右两边浮动的意思。如果前面的DIV盒子里用到了浮动，那么在编写下一个DIV盒子之前，应该在前面加上，这样才能清除掉前面DIV盒子浮动带来的影响。clear属性值：left 清除该元素 左边的浮动元素。
css中清除浮动可用clear属性，该属性定义了元素哪边不允许出现浮动，可选的常用的值有：left、right、both等，通常写成clear：both；即该元素两边都不允许出现浮动，这样即可清除浮动。
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
这里的clear是样式名。样式写在CSS文件中 从名称来看估计你的样式为：.clear {clear：both； } clear：both；作用：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear：both|left|right|none；简单来说呢，clear属性的作用就是“清除”浮动。
在这里的话是清除浮动的意思。单纯的就你的这个例子来说，如果不加clear：both 这两个苹果是一行显示的，加了之后变成两行显示了。