Float浮动与清除浮动

Float浮动 浮动定义了元素在哪个方向浮动,不论被浮动的元素本身是何种元素,浮动之后都会生成一个块级框。 浮动主要是为了让页面中的元素在水平方向依次横向排列,在页面布局中非常有用。 相关属性值 值 描述 left 左浮动 right 右浮动 none 默认,元素不浮动 inherit 从父元素继承float属性的值 没有浮动之前,所有的元素在文档的普通流中(如下图:) 某元素浮动之后,它便飘了起来,我们称之为脱离文档流。(就好比气球充满气体之后便离开地面飞了~~) 他们都是通过一种特定的条件达到了某种效果,气球通过添加气体才可以飘,那