DIV+CSS页面中clear:both;具体怎么应用？
clear:both;
CSS手册上这样解释的：该属性的值指出了不允许有浮动对象的边。
这个属性是用来控制float属性在文档流的物理位置的。
当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除clear:both;
例子：
这个是第1列，
这个是第2列，
这个是列的下面。
如果不用清除浮动，那么第3个的文字就会和第一二行在一起
所以我们在第3个这利加一个清除浮动。
这个是第1列，
这个是第2列，
这个是列的下面。
html的clear both含义
clear:both 在css里是清除左右两边浮动的意思。如果前面的DIV盒子里用到了浮动，那么在编写下一个DIV盒子之前，应该在前面加上，这样才能清除掉前面DIV盒子浮动带来的影响。clear属性值：left 清除该元素 左边的浮动元素。俗一点就是说谁设置了clear：left属性，谁的左边就不允许存在浮动的元素right 清除该元素 右边的浮动元素。俗一点就是说谁设置了clear：right属性，谁的右边就不允许存在浮动的元素both清除两边的浮动 ，清除该元素 左右边的浮动元素。俗一点就是说谁设置了clear：both属性，谁的左右边 都不允许存在浮动的元素 none，就是不做任何处理，不清除任意一边的浮动元素inherit，就是让它跟随父元素的属性值，父元素如何设置清除，它就如何设置清除。扩展资料CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。CSS特点：丰富的样式定义CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。易于使用和修改CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。多页面应用CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。参考资料来源：百度百科—CSS
如何使用clear both清除浮动
好，废话不多说，我们知道有时使用了float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。下面我们来认识与学习css clear知识与用法。分为几点部分来讲；一、clear语法与结构：1、clear语法：clear : none | left|right| both2、clear参数值说明：none : 允许两边都可以有浮动对象both : 不允许有浮动对象left : 不允许左边有浮动对象right : 不允许右边有浮动对象3、clear解释：该属性的值指出了不允许有浮动对象的边情况，又对象左边不允许有浮动、右边不允许有浮动、不允许有浮动对象。4、css结构div{clear:left}div{clear:both}二、clear常用到的地方：我们常常用于使用了float css样式后产生浮动，最常用是使用clear:both清除浮动。比如一个大对象内有2个小对象使用了css float样式为了避免产生浮动，大对象背景或边框不能正确显示，这个时候我们就需要clear:both清除浮动。三、代码的分析：我们先来设置一个css宽度（width）为500px;盒子，css边框（border）为红色，css背景（background）为黑色、padding为10px盒子，里面包裹着2个小盒子，一个css 浮动靠右（float:right）、一个css float靠左（float:left）,两者边框为白色，背景颜色为灰色,宽度为200px,高度(height)为150px。这样我们来看看下面的代码，看浮动产生并使用clear清除浮动怎么使用。.iszxw{width:500px;background:#000;border:1px solid #F00;padding:10px} .iszxw_left,.divcss5_right{ border:1px solid #FFF;background:#999;width:200px;height:150px } .iszxw_left{ float:left}/* css注释： 设置浮动靠左 */ .iszxw_right{ float:right}/* css注释：设置浮动靠右 */ 使用clear可以清除float产生的浮动，注意clear样式对象加入位置，如上案例对“.iszxw”清除浮动，我们就只需要在此对象div标签结束前加入即可清除内部小盒子产生浮动。
