清除浮动float那点事儿

抛弃那些没用的方法，只记住最实用的一种方法即可！
给要清除浮动的父元素多加一个class属性：clearfix！！！
样式如下：
.clearfix:after{
content:.;
display:block;
height:0;
clear:both;
visibility:hidden;
}
为了兼容ie6,ie7（现在的项目几乎已经完全不考虑）
.clearfix{
zoom:1
}
清除浮动就是这么简单，可以作为公共样式common.css，每个页面都可以直接调用！
简单的实例应用：
<div class=clearfix>
<div >
//sth
</div>
<div >
//sth
</div>
</div>
为什么要清除浮动：
1.之前写的时候都会发现页面写着写着就发生错乱，而且还有重叠？就是浮动惹的祸！
2.父级元素下面的子元素float时，可能会导致父级height值为0；故在使用了float之后，
立即在父级上面加上clearfix，彻底消除float带来的各种怪异问题！


北京网站关键词排名掉了如何进行优化？
自学SEO需要找到正确的方法和途径
VR虚拟实境也能进入响应式网站建设行业吗？
东南亚跨境电商企业用户，怎么选择服务器？
网站为什么会被百度封杀或被降权
网站建设应从用户体验的满意程度入手
营销型网站建设需要注意哪些?
无比强大的Linux ls命令家族，你会几个