面试题：css（二）

1、浮动引起的问题和解决办法？

浮动引起的问题？

父元素的高度无法被撑开，影响与父元素同级的元素；
与浮动元素同级的元素会紧跟其后；
若非第一个浮动元素，则该元素之前的元素也要浮动，否则会影响页面的展示效果

　解决办法？

1.额外标签法   在浮动元素后添加一个</div> 添加clear:both
2.给父级元素添加 overflow：hidden
3.使用伪元素 :after zoom
4.使用before和after双伪元素。

　伪元素和zoom清除浮动

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility:hidden;  
}
.clearflx{
     zoom:1;
}