css中clear的什么作用?
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。注：对第一个元素设置clear，对其后面元素不起作用。
Clear：不允许元素的浮动。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。
在这里的话是清除浮动的意思。单纯的就你的这个例子来说，如果不加clear：both 这两个苹果是一行显示的，加了之后变成两行显示了。
在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
clear：both；CSS手册上这样解释的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
css中的清除浮动{clear:both;}和无浮动{flaot:none;}的区别和具体用法...
1、clear：both；这种方法有一个问题：margin失效。
2、相应的，clear：right；表示该元素右边不存在浮动元素；clear：both；表示该元素两边都不存浮动元素。clear：none表示两边允许有浮动元素。在视觉上要使某元素左边或右边不存在浮动元素，就只有它往下移一行，或浮动元素往下移一行。
3、clear：leftrightbothnoneinherit：在元素的某个方向上不能有浮动元素。Clear：both：左侧和右侧不允许浮动元素。
4、清除浮动： --就是让当前元素左右两边都不存在浮动元素的时候，才把元素放在标准流中显示。 --清除浮动的四种方式： 使用空标记清除浮动，隔墙放。增加标签。
css中当子元素设置浮动,为什么父集要清掉浮动
1、在css标签内，对id为mp的p元素样式进行单独定义，通过dispay属性设置为none，实现该p元素隐藏不可见。最后在浏览器打开test.html文件，查看实现的效果。
2、浮动主要会影响后面其他的非浮动元素的布局，所以父元素的浮动是必须清除的，子元素也最好清除一下，以免出现一些莫名其妙的现象。
3、使用CSS的overflow属性 给浮动元素的容器添加overflow：hidden；或overflow：auto；可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom：1。
css3父级和子级都浮动了,那还用清除浮动吗?
1、（3）、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。
2、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。
3、记住，基本上99+%的情况下，css浮动了元素，都要进行清理浮动，你这个问题就在于浮动了没清理，外层的父元素无法正确的包裹浮动后的子元素。
4、缺点：需要给每个浮动元素的父元素加上浮动，浮动多了容易出问题。1234 方法：父级设置为内联块。
前端css为什么要清除浮动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css清除浮动是什么意思、前端css为什么要清除浮动的信息别忘了在本站进行查找喔。