css中的clear做什么用的？

  有看到这么一句：
clear:both;
clear是什么用的？
另外顺便问一下!important的用法

clear声明主要是对块元素的浮动(float)定义的,意思是取消浮动,属性主要有none | left |right | both
这个比较好理解:比如,在一个大容器内你定义了个元素float(不管它是float:left或right),那么后面的元素会与它一起分享大容器剩下的宽度，如果你想不和float一起同行显示，又不想在浏览器是错位，那就得用到clear:both
意思就是取消所有浮动！
[run]<DIV style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #eeeeee; PADDING-BOTTOM: 10px; WIDTH: 240px; PADDING-TOP: 10px"><IMG id=demo1 style="FLOAT: left" height=65 src="http://www.7880.com/images/logo.gif" width=188>

<DIV id=demo0 style="CLEAR: none">测试一下结果,这是另一个div元素</DIV>

<DIV style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #cccccc; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; HEIGHT: 24px">　clear属性：<SELECT style="WIDTH: 100px" onchange=demo0.style.clear=this.options[this.selectedIndex].value;> <OPTION value=none>clear : none</OPTION><OPTION value=both>clear : both</OPTION><OPTION value=left selected>clear : left</OPTION><OPTION value=right>right</OPTION></SELECT></DIV>

<DIV style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #cccccc; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; HEIGHT: 24px">　logo属性：<SELECT style="WIDTH: 100px" onchange=demo1.style.styleFloat=this.options[this.selectedIndex].value;> <OPTION value=right selected>float : right</OPTION><OPTION value=left>float : left</OPTION><OPTION value=none>float : none</OPTION></SELECT></DIV>
</DIV>[/run]

好像有些明白了。
是不是就不接在原来那一行的空间，而是另起一行？

差不多的理解！
!important 这也是一个hack,作用是提高指定样式规则的应用优先权,语法：
[quote]class {padding:8px [color=red]!important[/color]; padding: 6px; }[/quote]
比如IE对盒之间距离的解释的bug,因为在IE当中与Mozilla之间显示会相差2px,那我们解决这个bug时可以这样
[quote]class {padding-top:8px !important; padding-top: 6px; }[/quote]
!important除ＩＥ外其他的浏览器都支持,所以在其它浏览中会用!important这个声明，而ＩＥ只认最后一个！
[run]<p style="color: red !important; color: blue;">其实我不想走........</p>[/run]
在IE当中文本颜色是blue,在Firefox等当中显示为red.

ps:个人认为还是尽量少用hack,随着各浏览器的升级,对css的解si也会随着变化!

我的IE显示也是red的啊？
ie版本是7.0的

顺便说一下:
[url]www.7880.com[/url]在ie7下很难看

[url]www.7880.com[/url]页面为了左右两侧的浮动广告正常显示,已去掉头部声明,所以显示会不正常!
IE7而且对css的解释有所变化，正式版还没出！