本文和大家重点讨论一下CSS clear属性的用法，clear 属性定义了元素的哪边上不允许出现浮动元素。

CSS clear属性

定义和用法

clear 属性规定元素的哪一侧不允许其他浮动元素。

说明

clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

实例

图像的左侧和右侧均不允许出现浮动元素：

img  
  {  
  float:left;  
  clear:both;  
  }  

浏览器支持

所有主流浏览器都支持 clear 属性。

注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

可能的值

TIY 实例

    
   
 img      
{      
float:left;    clear:both;      
}    
   
    
    
   
    
  

本例演示如何使用清除元素侧面的浮动元素。
 

【编辑推荐】

1. CSS元素水平居中行之有效的办法
2. IE6.0对padding的解读分析
3. CSS样式表高效使用八大秘诀
4. CSS margin-bottom属性使用秘诀
5. IE6中常见CSS兼容性解决十大技巧