技术分享 调用clear:both清除浮动

本文和大家重点讨论一下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://www.hantingmc.com/qtweb/news46/1146.html

成都网站建设公司_创新互联，为您提供python、关键词优化、搜索引擎优化、网站营销、小程序开发、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联