谈谈CSS浮动

浮动，主要用于图片，使其不占文档位置，可以围绕在文字周围。浮动如果设置在块级元素内，整个块内的元素在同一行；浮动如果设置在行内元素，可以设置行内元素的宽高。由于浮动在文档中不占位置，因此如果父级盒子没设置高度，设置浮动的子元素设置了高度的话，那么父盒子会被撑开，这样对父盒子以下的其他子盒子也会造成影响，因此子盒子需要清除浮动。清除浮动可以采取三种方式: ①.clearfix::after{content:""；display:table；clear:both}(这种方式兼容ie低版本) ②overflow:hidden(这种方式，超出部分会隐藏) ③.clearfix{zoom:1}(这种是设置新标签clearfix的方式，不建议使用，因为新增标签可能会对原来的渲染造成影响)