原文地址： CSS规则"clear: both"有什么作用？
当不需要与指定元素相关的任何元素在左右浮动，并且仅在下面显示时，就可以使用该"clear: both"规则。该规则还表明没有其他元素占用左右两边的空间。
语法：
示例：
效果图：
浏览器支持：
● Google Chrome
● Internet Explorer
● Firefox
● Opera
● Safari
推荐阅读：
java基础教程
layui框架
go语言教程
Clear的属性值如下...left
在左侧不允许浮动元素。
right
在右侧不允许浮动元素。
both
在左右两侧均不允许浮动元素。
none
默认值。允许浮动元素出现在两侧。
inherit
规定应该从父元素继承 clear 属性的值。
首先更正一点clear不是一个标签，它是css中的一个属性。其属性值有四个clear:both|left|right|none
简单来说呢，clear属性的作用就是“清除”浮动。
如果某元素设置clear:left表示该元素左边不存在浮动元素
相应的，clear:right表示该元素右边不存在浮动元素；clear:both表示该元素两边都不存浮动元素。clear:none表示两边允许有浮动元素。
在视觉上要使某元素左边或右边不存在浮动元素,就只有它往下移一行，或浮动元素往下移一行。（这个元素肯定是不能将浮动元素清除的了,只是用这样的方式达到页面布局的效果而已）
