css的clear属性

html-css018

css的clear属性,第1张

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

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

<html>

<head>

<style type="text/css">

img

{

float:left

clear:both

}

</style>

</head>

<body>

<img src="1.png" />

<img src="2.png" />

</body>

</html>

属性：clear

clear属性可设置一个元素的侧面是否允许其他的浮动元素。

值有：left，right，both，none

left 在左侧不允许浮动元素

right 在右侧不允许浮动元素

both 在左右两侧均不允许浮动元素

none 默认。允许浮动元素出现在两侧。

一、Dust-Me selectors

Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

支持本地和远程样式文件，包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的<style>块和内联样式)

支持IE条件注释中引入的样式文件；

可以检查一个页面，也可以检查整个网站；

支持CSS1选择器、大部分CSS2和CSS3选择器；

理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”；

支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。