清除浮动

浮动清除原因

在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。

但是当为子元素设置了浮动之后，子元素会完全脱离正常文档流，此时会导致子元素无法撑开父元素的高度，从而导致父元素高度塌陷

 清除效果

 清除方法

"en">
  "UTF-8">
  
  



"container" class="clearfix">
  
"header">header
    
"left">side bar
    
"right">main content




class="test" style="width: 100%;height: 100px;background-color: cyan">