DIV+CSS页面中clear:both;具体怎么应用？
clear:both;
CSS手册上这样解释的：该属性的值指出了不允许有浮动对象的边。
这个属性是用来控制float属性在文档流的物理位置的。
当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除clear:both;
例子：
这个是第1列，
这个是第2列，
这个是列的下面。
如果不用清除浮动，那么第3个的文字就会和第一二行在一起
所以我们在第3个这利加一个清除浮动。
这个是第1列，
这个是第2列，
这个是列的下面。
clear:both;在css中起什么作用
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;
height:50px;
}
#div3{
clear:both; //div3就不受float的影响。
width:30px;
height:30px;
}
我会在左边
我会在右边
我不会受flaot的影响。
css中的span有什么用作
span标记定义HTML文档中的一个行内间隔，SPAN 的前后不换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。
可以简化的理解为用span就是为了给一些元素以特殊样式，或者当空标签挂图用。
举例来说我是黑色的字我是红色的字我是黑色的字
我们给了
标签内文本“color:#000”的样式，也就是说令文字颜色为黑色，而文章中有几个字你希望用红色标出，那么就用到了span,span标签内的元素可以单独给另一个样式。
或者比如没有地方挂图片的时候：
新品推荐
这是一个链接，假设我们这个链接就是有渐变背景图的，已经挂在了a标签上，但是常见的“其他新品推荐”不是会带一个闪动的"HOT!"小图标嘛，我们没有标签可以挂背景了。这时只需要外加一组span，就可以单独给一个带背景图片的样式。
你可能会想为什么不能用个空的div挂图，第一div是块状元素而a是内联元素，第二用空div相当于让系统多读取了一个无意义的div，是要减缓网页读取速度的，span没这个问题
span{ 在css中代表什么意思
你问题中的“span{”是一个CSS片段，并不完整。CSS是一种控制页面展现的语言，其基本工作方式是：指定某一些元素，再为其指定一些样式。比如：
span{color:red}的意思就是将页面中span元素内所有文字都设为红色。那么“span{”就表示后面的CSS样式是针对span元素的（对其他诸如p元素、div元素就不会起作用），最后要有对应的“}”来结束。
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
html、css中的问题clear:both的含义问题，谢谢！
这个对于刚开始学DIV+CSS的人来说确实很纠结，我刚开是的时候也是这样，不过我的理解就是“浮动”和“清楚浮动”float的翻译就是浮动，至于是左浮动还是右浮动都一样了，浏览器的文档流可以理解成都是钉在浏览器里面的，而是用了浮动的东西呢就飘起来了，它会飘在浏览器的上面（当然不会飘出BODY去）。它飘起来了那它下面肯定就空了啊，空了浏览器就会吧钉在它上面的层填到它下面去，而浏览器是从左向右排列的，所以就出现了你看到的那些问题。
而用CLEAR清楚浮动后就告诉浏览器下面的元素不受浮动的影响，也就是把浮动的层看成是不浮动的（可以这么理解）然后让浏览器继续往下渲染。就解决了你说的问题了~
如何使用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标签结束前加入即可清除内部小盒子产生浮动。
css清除浮动的几种常用方法
1、clear清除浮动（添加空div法）
在浮动元素下方添加空div,并给该元素写css样式： {clear:both;height:0;overflow:hidden;}12
2、方法：给浮动元素父级设置高度
我们知道了高度塌陷是应为给浮动元素的父级高度是自适应导致的，那么我们给它的设置适当的高度就可以解决这个问题了。
缺点：在浮动元素高度不确定的时候不适用1234
3、方法：以浮制浮（父级同时浮动）
何谓“以浮制浮”呢？就是**让浮动元素的父级也浮动**。
缺点：需要给每个浮动元素父级添加浮动，浮动多了容易出现问题。1234
4、方法：父级设置成inline-block
缺点：父级的margin左右auto失效，无法使用margin: 0 auto;居中了12
5、 br 清浮动
1234
br 标签自带clear属性，将它设置成both其实和添加空div原理是一样的。
问题：不符合工作中：结构、样式、行为，三者分离的要求。
6、给父级添加overflow:hidden 清浮动方法；
问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；12
overflow: hidden;*zoom: 1;12
7、万能清除法 after伪类 清浮动（现在主流方法，推荐使用）
选择符:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }123456789
同时为了兼容 IE6，7 同样需要配合zoom使用例如：
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}.clear{zoom:1;}
<div style="clear:both"></div>
clear:both该属性的值指出了不允许有浮动对象的边。
通俗的讲：这段代码的做用是：清除同行元素，不允许其它元素与之在一行内。
我经常用的代码。
.clear10{clear: both; height:10px; overflow:hidden;}
.yao{float:left;width:100px;}
大家好
我也很好
大家好
那么.clear10起到的作用就是在清除前两行浮动的影响并且间隔10px的高度。使用下面的大家好与前行不在同一行内。
