清除浮动的几种常用方法

为什么要清除浮动
在css布局中也常常遇到由于父亲元素没有定义高度，但是子元素设置浮动，浮起来。父元素没有被撑开，所以高度为零，
注意浮动能使多个块级元素 显示在一行。但是需要给所在父元素清除浮动。否则是其撑不开的。下面几种常见的清除浮动的方法

  一、.clear{
       clear:both； 
  }

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