HTML5中的浮动（float）与清除浮动（clear）

   我是一只刚刚接触到HTML5的小白，课上的时候遇到了clear：both；这样的语句，当时老师没有细讲，自己也不理解。课下自己在网上查了些相关的资料，才慢慢了解了起来，当然也不是很准确。   首先，float是什么呢？   在HTML5中，可以根据自己的需要定义相应的块，然后自己设计块的样式。每个块在没有声明float的情况下，我们自己可以把它们称为标准格式。   div1   div2   div3   div4   标准格式下，块不会显示在同一行，这时如果我们需要他们显示在同一行，就需要用到float了，假如我们声明div2为float：left，我们可以想象成div2真的浮起来了，就像升到了空中一样，这时，如果div1不是浮动形式，div2会紧贴在div1下面，靠左边。    div1  div2                         div3    div4      div2  div1    div3    div4    好，再看div3，如果div3是浮动的，会先检查div2是不是浮动的，如果div2是浮动的，情况就和刚才一样了。如果div2不是浮动的，div3会紧贴在div2的下面。再来看一种情况，如果div1和div3均不浮动，div2浮动，那么div3会紧贴在div1下面，其中，div3的一部分会被div2覆盖掉，毕竟div2已经浮起来了么。    那么，清除浮动是什么呢？    clear：right，left，both；    首先，我们要清楚一件事，clear是对自己而言，对自己起作用，不能要求其他块为你做些什么。就前面的例子来说：    div1  div2                         div3    div4      我们不想让div1与div2在同一行，那么我们可以要求div2这样做，在div2中声明clear：left（clear：both也可以），既不允许div2的左边有浮动，由于div1是左边浮动的，我们不能要求div1做什么，所以div2被迫到下一行。   div1     div2                        div3   div4     每天理解一点点，加油！萌萌哒小菜鸟！