原文地址： CSS规则"clear: both"有什么作用？
当不需要与指定元素相关的任何元素在左右浮动，并且仅在下面显示时，就可以使用该"clear: both"规则。该规则还表明没有其他元素占用左右两边的空间。
语法：
示例：
效果图：
浏览器支持：
● Google Chrome
● Internet Explorer
● Firefox
● Opera
● Safari
推荐阅读：
java基础教程
layui框架
go语言教程
clear="both" 中both是去除左右浮动的；auto用在很多地方如：width="auto"是根据对象大小来自动调整宽度，height="auto"同宽度相似，而用在margin:0 auto 里面意思是0表示上下(top/bottom) ,而auto表示左右自适应也就是居中；
clear:both在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位，通过代码来理解下：<html>
<head>
<style>
.keepbj{ //通过class来设置
width:100px
height:50px
border:1px solid #f00
}
#div1{
float:left
width:40px
height:50xp
}
#div2{
float:lleft
width:30px
height:50px
}
#div3{
clear:both //div3就不受float的影响。
width:30px
height:30px
}
</style>
</head>
<body>
<div class='keepbj'>
<div id='div1'>我会在左边</div>
<div id='div2'>我会在右边</div>
</div>
<div id='div3'>
我不会受flaot的影响。
</div>
</body>
</html>
