技术分享 调用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. 这个是第1列, p> 
  2. 这个是第2列, p> 
  3. 这个是第3列。 p> 

  4.  
  5. 这个是第1列, p> 
  6. 这个是第2列, p> 
  7. 这个是第3列。 p> 

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

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

viewplaincopytoclipboardprint?

 
 
  1. .clear{  
  2. clear:both;  
  3. }  
  4.  
  5. .clear{  
  6. clear:both;  
  7. }  

然后使用

网站题目:技术分享 调用clear:both清除浮动
文章地址:http://www.shufengxianlan.com/qtweb/news46/1146.html

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

广告

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