这个对于刚开始学DIV◆CSS的人来说确实很纠结，我刚开是的时候也是这样，不过我的理解就是"浮动"和"清楚浮动"float的翻译就是浮动，至于是左浮动还是右浮动都一样了，浏览器的文档流可以理解成都是钉在浏览器里面的，而是用了浮动的东西呢就飘起来了，它会飘在浏览器的上旅竖旁面（当然不会飘出BODY去）。它飘起来了那它下面肯定就空了啊，空了浏览器就会吧钉在它上面的层填到它下面去，而浏览器是从左向右排列的，所以就纤宽出现了你看到的那些问题。
而用CLEAR清楚浮动后就告诉浏览器下面的元素不受浮动的影响，也就是把浮动的层看拆橡成是不浮动的（可以这么理解）然后让浏览器继续往下渲染。就解决了你说的问题了~
元素使用clear:both后
左侧不能有浮动元素、右侧也不银衡能数搏唤有浮动元素
overflow:hidden是超薯凯出元素的部分隐藏掉，通常用于清除浮动，两者不一样
clear:both;在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除清凯全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位，塌正洞通过代码来理解下：
.keepbj{ //通过class来设置
width:100px;
height:50px;
border:1px solid #f00;
}
#div1{
float:left;
width:40px;
height:50xp;
#div2{
float:lleft;
width:30px;
#div3{
clear:both; //div3就不受float的影响。
height:30px;
我会在左边
我会在右边
我不会受flaot的影响。
clear:both;是亩轿清楚浮动的意思
你也可以看到困含 你的float:left没有起迅尺肆作用
如果clear:both去掉 那么两个苹果就并排显示了，加上，就是上下排列。
在这里的话是清除浮动的意思。
单纯的就你的这个笑野颤例脊斗子来说，如果不加clear:both 这两个苹果是一碰败行显示的，加了之后变成两行显示了。
css中clear的作用是清除元素的浮动效果。left 在左侧团档不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许团旦浮动元塌或乱素（这时该元素会独占一行了）。
注：对第一个元素设置clear，对其后面元素不起作用。
以上就是土嘎嘎小编大虾米为大家整理的cssclearboth_html的clear,both含义相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！