清除浮动的几种经常使用方法

为何要清除浮动
在css布局中也经常遇到因为父亲元素没有定义高度，可是子元素设置浮动，浮起来。父元素没有被撑开，因此高度为零，
注意浮动能使多个块级元素 显示在一行。可是须要给所在父元素清除浮动。不然是其撑不开的。下面几种常见的清除浮动的方法

1、.clear{
       clear:both； 
  }

  2、在父级元素{
        overflow:hidden
  }
  三，使用伪元素:after  类名.before{
       content："",
       display:table
  }