前端中什么是浮动？清除浮动有那些方法？

1：什么事浮动？

设置浮动的图片，可以实现文字环绕图片。设置了浮动的块级元素可以排列在同一行。设置了浮动的行内元素可以设置宽高。浮动造成的影响：使盒子脱离文档流，如果父级盒子没有设置高度，需要被子盒子撑开，那么这时候父级盒子的高度就塌陷了，同时也会造成后面的盒子布局受到影响。

2：清除浮动有那些方法？

清除浮动，主要是为了解决父级元素因为子级浮动引起的内部高度为 0 的问题

1. 父级div定义height （只适合高度固定的布局）
2. 结尾处加空div标签然后添加一个clear:both样式 （浮动多的话要加很多个div）
3. 父级 div 定义 overflow：hidden 超出盒子部分会被隐藏 （不推荐）
4. 父级div定义伪类:（推荐)

    clearfix：after
        {
             content：""；
             display：block；
             visibility：hidden；
             height：0；
             line-height：0；
             clear：both；
         }