网络上有很多关于浮动清除的研究资料,但是所阐述的解决方法不尽相同,当然也并不是每一种方法都尽善尽美。清除浮动(或者叫闭合浮动元素)是Web标准设计中经常会遇到的一个问题,因此在这里通过视频的形式稍微总结一下目前经常用到的几种方法,并比较一下它们的易用性和适用环境。
一般来说我们用DIV布局的时候一般都会有浮动,很多时候如果子容器的浮动如果不被清除就会影响父容器进而破坏整张网页的布局。浮动清除有时候很简单,有时候却也不是一下子就能解决或被理解的,比如有些清除浮动的方法中甚至引入了Hack的概念。其实有不少的 CSS BUG 问题是因为没有清除浮动造成的,养成良好的清除浮动的习惯是必要的,至于那种方法最好,那就见仁见智了,关键问题就是对于你来说,你使用的方法是否合理而有效的达到了浮动清除的效果。
Float_Clear:文件大小——8.6MB(SWF格式)
The css property float with its values left and right allows to remove an element from its natural flux and move it towards the left or right, useful, for examples, to create the structure of a web page on more columns, horizontal menu, wrapping text around an image…
Instead, the css property clear with its values left, right, both avoids that a floated element position itself next to another block element, clearing its right or left or both sides from any elements.