clear属性在CSS中的妙用

你对clear属性在CSS中的使用是否了解，这里向大家描述一下，在DIV+CSS设计网页中设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个DIV总宽度不足100%，下面的的DIV就很可能向上提，和上一行的并列的DIV在同一行，使用Clear属性正好可以解决这一问题，下面引用帮助的介绍。

创新互联是专业的岳阳县网站建设公司，岳阳县接单;提供成都做网站、网站制作、成都外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行岳阳县网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

clear在CSS中的妙用

在DIV+CSS设计网页中，经常需要设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个DIV总宽度不足100%，下面的的DIV就很可能向上提，和上一行的并列的DIV在同一行，这不是我们想要的结果。使用Clear属性正好可以解决这一问题，下面引用帮助的介绍：

CSS clear属性

图片和文字元素出现在另外元素中，那么它们(图片和文字)可称为浮动元素(floatingelement)。使用clear属性可以让元素边上不出现其它浮动元素。

注意：当这个属性随着"float"属性一起使用的话，那么结果可能会不尽如人意

Inherited:No

继承性：无

可用值

示例代码：

 
 
 
 
  
  
  
    
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  
  
     
  
  
     
  
  
    
  
  
  
content="text/html;charset=utf-8"/>   
  
  
  无标题文档   
  
  
     
  
  
  .LeftText{    
  
  
  margin:3px;    
  
  
  float:left;    
  
  
  height:180px;    
  
  
  width:170px;    
  
  
  border:1pxsolid#B1D1CE;    
  
  
  background-color:#F3F3F3;    
  
  
  }    
  
  
     
  
  
  .FootText{    
  
  
  height:180px;    
  
  
  }    
  
  
     
  
  
  .Clear    
  
  
  {    
  
  
  clear:both;    
  
  
  }    
  
  
     
  
  
     
  
  
     
  
  
     
  
  
  区块1

区块2