可以解释下下面几个clear标签的具体意思吗？

Question

DIV+CSS中的 clear标签中的clear:both,和clear:none是什么意思 还有解释下clear标签的具体意思

Answer 1

主要用来清除浮动的
DIV是要浮靠动来布局的 但是你不想叫他浮动的时候就要清除浮动 用CLEAR就行
CLEAR left 就是清除左边浮动 以此类推！
以后直接用clear两者！
一般很多都是这样用的！
要是用clear:left clear:right 这样你容易混乱，还不如直接清除两者来的清爽！

Answer 2

首先更正一点clear不是一个标签，它是css中的一个属性。
其属性值有四个clear:both|left|right|none;
简单来说呢，clear属性的作用就是“清除”浮动。
如果某元素设置clear:left;表示该元素左边不存在浮动元素
相应的，clear:right;表示该元素右边不存在浮动元素；clear:both;表示该元素两边都不存浮动元素。clear:none表示两边允许有浮动元素。
在视觉上要使某元素左边或右边不存在浮动元素,就只有它往下移一行，或浮动元素往下移一行。（这个元素肯定是不能将浮动元素清除的了,只是用这样的方式达到页面布局的效果而已）

Answer 3

clear:left //当你把DIV层的大小固定好的时候，隐藏多余的左边部分
clear:right //当你把DIV层的大小固定好的时候，隐藏多余的右边部分
clear:both //该属性的值指出了不允许有浮动对象的边
例子：
<p style="float:left;width :100px;">这个是第1列，</p>
<p style="float:left;width :400px;">这个是第2列，</p>
<p >这个是列的下面。</p>
如果不用清除浮动，那么第3个<P>的文字就会和第一二行在一起
所以我们在第3个这利加一个清除浮动。
<p style="float:left;width :100px;">这个是第1列，</p>
<p style="float:left;width :400px;">这个是第2列，</p>
<p clear:both;>这个是列的下面。</p>
clear:none //默认值。 允许两边有浮动