css float浮动属性的深入研究及详解拓展(二)

content:'软件开发网'

复制代码
.fix{zoom:1;}
.fix:after{display:block; content:’clear’; clear:both; line-height:0; visibility:hidden;}

这里的line-height:0写成height:0也是可以的。此方法可以说是综合起来最好的方法了，我都是用这个样式清除浮动的，不会影响任何其他样式，通用性强，覆盖面广，我很推荐哦。

九、float与JavaScript

JavaScript可以改变CSS的属性，其他些属性还好，但是这个float值得一说，为何呢，因为float貌似是JavaScript中的一个关键字，不能使用

obj.style.float="left";

IE浏览器：

复制代码
obj.style.styleFloat = “left”;

其他浏览器：

复制代码
obj.style.cssFloat = “left”;

十、最后的总结

其实原本是想通过深入分析浮动的前世今生，本质意义来揭示其丑陋的真面目的，可能是在文字表达上还欠火候，总觉得表达的有些凌乱，估计很轻松就知道我在说什么的人较少，本来是篇很有技术含量的文章，但是在表现上做的不够好，可能是内容太多，自己想要表达的内容太多，于是反而有些混乱。所以，最后其实很多东西没有继续详细展开讲解，例如清除浮动的本质是什么？浮动产生一系列bug的根本原因是什么？浮动布局更好的替代方案是什么？因为内容已经够多够乱的了，所以我决定这些内容留到以后，思路清晰的时候再表述出来。

本文可以说是有别于目前绝大多数关于浮动的文章，我没有讲浮动的使用实例啊之类的东西，也没有去分析浮动的一些特性，仅仅从最根本的地方分析浮动，我想这个比单纯的讲解几个浮动的应用作用更深远。而且还有一点，本文其实某种程度上是批判浮动的，希望开发者尽可能的少使用浮动，少使用浮动去做些其实并不是浮动应该做的事情。所以要是花功夫讲浮动的应用的话就是搬石头砸自己的脚。

本文很多理论的东西，多是自己个人见解，所以实际上有些认识可能是不准确的，欢迎有不同观点的同行们反驳，也欢迎交流。