Css浮动

   1：如果元素设置了浮动，则元素将脱离文档流。网页渲染页面的时候，先把没有设置浮动的元素绘制出来，之后绘制浮动元素，浮动元素是基于原先自己文档流中的位置进行左右浮动。浮动元素将会覆盖文档流中的元素。（文字环绕图片例外），浮动原来的目的就是文字环绕。

 2：可以用clear属性来清除浮动。假设DIV1没设置浮动，DIV2设置左浮动，DIV3没有设置浮动，这时候DIV2将会覆盖DIV3。我们可以对DIV3设置clear:left,这时候DIV3左边将不允许有浮动元素，所以DIV3下移。

3：float:left的效果和display：inline-block一样。inline-block的意思是将元素按行内元素进行显示，但是还可以设置block的属性（宽高。。）。

4：如果对多个元素设置了左浮动，但是多个元素的宽度已经超过了父亲元素的宽度，这时候，假设父亲宽度是1000px，div1宽度300px，div2宽度500px，div3宽度300px。则div3会浮动到div2的最左边，如果div1的高度超过了div2，则div3将会被卡住。