就是clear是什么意思?清除什么浮动?清除了之后是不是就没有浮动效果了,如果是这样的话一开始就不要弄浮动了可以吗?我就想问清除的效果在哪里?
css的float属性会让设置的标签产生浮动效果,就是脱离原来页面的标准输出流,而clear 属性定义了元素的哪边上不允许出现浮动元素
详细使用教程参考:http://www.w3school.com.cn/cssref/pr_class_float.asp
此外这里有一个不错的博客详细展示了这个属性的不同效果,可以参考:http://www.zhangxinxu.com/wordpress/2014/06/understand-css-clear-left-right-and-use/
所谓的清除浮动是清除浮动给其他不浮动元素带来的音响,只有在使用了浮动而其他元素不是按照你预期的显示效果时的特殊情况才需要使用清除浮动,一般是用不到的。
正常情况下这三个是各占一行没错吧。
但是如果设置了样式
.a{
float:left;
}
.b{
float:right;
}
那么这三个div就变成了一行。float的效果可以使DIV本身块级元素的效果取消(也就是一个div独占一行)。
而如果你给c补上clear样式的话
.c{
clear:both;
}
那么就变成了两行,ab共占一行,c占下一行。
也就是说 你只是给你调用clear属性的元素 消除其
受到调用float属性的元素的影响。
而原调用float属性的元素的float属性是不会被清除的。
http://www.w3school.com.cn/cssref/pr_class_clear.asp
http://blog.csdn.net/luguo0816/article/details/7269461