Float浮动概念也许是CSS中最让人迷惑的概念之一,它经常被错误理解,而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而,这些问题的根源并不在于理论本身,而是我们以及浏览器对理论的解读造成的。
假如认真的去读一下浮动概念,你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的。假如你知道这些BUG,你就能避免这些问题。我们要澄清一些以前使用浮动的误解,或者初学者一开始的时候就能正确的去理解这个CSS属性话,必须从Float最基本的应用开始学习、探究。
关于Float的视频,我这里现在只录了四个部分,每部分都有各自的重点。当然这么点篇幅是远远不够的,而且至今为止的教程里面涉及的知识面还很浅显。我们这里最主要的目的,是让一些初学者刚开始的时候,不要对Float产生曲解或恐惧,一点点的去学、一点点的去理解,基础打好了之后,再学习深入的东西才会有效率。
下面是第一集视频,主要讲解Float如何影响HTML元素,以一个无序列表UL为实例: