这篇文章主要介绍如何使用css实现清除浮动，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

在路桥等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、成都网站设计 网站设计制作定制网站制作,公司网站建设,企业网站建设,品牌网站建设,成都全网营销推广,外贸网站制作,路桥网站建设费用合理。

清除浮动的方法：1、父级div定义height，语法“height:高度”；2、结尾处加空div并设置“clear:both”样式；3、父级div定义伪类“:after”和zoom；4、父级div定义“overflow:hidden”。

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。

而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。

解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。

1、父级div定义 height

.div1{
    background:#000080;
    border:1px solid red;
    /*解决代码*/
    height:200px;
}
.div2{
    background:#800080;
    border:1px solid red;
    height:100px;
    margin-top:10px;
    width:98%
}
.left{
    float:left;
    width:20%;
    height:200px;
    background:#DDD
}
    .rightright{
    float:rightright;
    width:30%;
    height:80px;
    background:#DDD
}


    
        
        Left