css中有什么清除浮动的方法
这篇文章主要介绍了css中有什么清除浮动的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联服务项目包括睢阳网站建设、睢阳网站制作、睢阳网页制作以及睢阳网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，睢阳网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到睢阳省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
css清除浮动的方法一：
使用带clear属性的空元素
在浮动元素后使用一个空元素如
.news{
background-color:gray;
border:solid1pxblack;
}
.newsimg{
float:left;
}
.newsp{
float:right;
}
.clear{
clear:both;
}
sometext
说明：
优点：简单，代码少，浏览器兼容性好。
缺点：需要添加大量无语义的html元素，代码不够优雅，后期不容易维护。
css清除浮动的方法二：
使用CSS的overflow属性
给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动，另外在IE6中还需要触发hasLayout，例如为父元素设置容器宽高或设置zoom:1。
.news{
background-color:gray;
border:solid1pxblack;
overflow:hidden;
*zoom:1;
}
.newsimg{
float:left;
}
.newsp{
float:right;
}
sometext