html的clear both含义

html的clear both含义

clear:both;在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位，通过代码来理解下：








我会在左边
我会在右边


我不会受flaot的影响。

引用我叫镭锋的回答：
clear:both;在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位，通过代码来理解下：








倒数第四行浮动的英语写错了，float。

clear both
是关闭浮动
overflow:hidden 是超出范围隐藏，他俩貌似没什么共同点呢

元素使用clear:both后
左侧不能有浮动元素、右侧也不能有浮动元素
overflow:hidden是超出元素的部分隐藏掉，通常用于清除浮动，两者不一样

这个对于刚开始学DIV+CSS的人来说确实很纠结，我刚开是的时候也是这样，不过我的理解就是“浮动”和“清楚浮动”float的翻译就是浮动，至于是左浮动还是右浮动都一样了，浏览器的文档流可以理解成都是钉在浏览器里面的，而是用了浮动的东西呢就飘起来了，它会飘在浏览器的上面（当然不会飘出BODY去）。它飘起来了那它下面肯定就空了啊，空了浏览器就会吧钉在它上面的层填到它下面去，而浏览器是从左向右排列的，所以就出现了你看到的那些问题。
而用CLEAR清楚浮动后就告诉浏览器下面的元素不受浮动的影响，也就是把浮动的层看成是不浮动的（可以这么理解）然后让浏览器继续往下渲染。就解决了你说的问题了~