Html浮动精讲

浮动就是将一块数据进行放在最左边或者放在最右边，浏览器中的数据排列方式是从上到下从左到右，而为了实现从右到左的排列的方式，我们就需要用到浮动，若原本有两个块元素，未设置浮动，他们一个在上一个在下，这时给上面那个元素设置一个浮动无论是左还是右，他下面那个块元素都会移动到上面在他的右边（这是因为若不进行设置他会按照浏览器的默认设置排列）。

float：right；这表示右浮动  ， float：left；这表示左浮动。

进行浮动，有时会造成边框塌陷，这时就需要用到清除浮动，clear属性表示清除浮动，clear：left表示清除左浮动，clear：right表示清楚右浮动，clear：both表示清除两边的浮动，当一个元素设置它的一边没有浮动，若他设置了没有浮动的那边原先有浮动 元素，那么这个浮动元素就会进行向下换行。

当父类边框塌陷时，还可以通过父类标签的class名：after{content:"" ; display: block; clear: both;}。