本文和大家重点讨论一下clear:both清除浮动的使用，在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clear:both；该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。

为崇仁等地区用户提供了全套网页设计制作服务，及崇仁网站建设行业解决方案。主营业务为做网站、成都网站设计、崇仁网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

用clear:both清除浮动

在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clear:both;

CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。

◆当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。

viewplaincopytoclipboardprint?

 
 
  
  
这个是第1列， p> 
  
  
这个是第2列， p> 
  
  
这个是第3列。 p> 
  
  
 
  
  
这个是第1列， p> 
  
  
这个是第2列， p> 
  
  
这个是第3列。 p> 
 

 如果不用清除浮动，那么第3列文字就会和第1、2列文字在一起，所以我们在第3个这列加一个清除浮动clear:both;

通常，我们往往会将“清除浮动”单独定义一个CSS样式，如:

viewplaincopytoclipboardprint?

 
 
  
  
.clear{  
  
  
clear:both;  
  
  
}  
  
  
 
  
  
.clear{  
  
  
clear:both;  
  
  
}  
 

然后使用

文章题目：技术分享 调用clear:both清除浮动
本文网址：http://chengdu.cdxwcx.cn/article/cojeioj.html