如果父级元素没有设置高度，并且其中的子元素进行了浮动，那么父级元素的高度就会塌陷成0高度，会影响后面元素的排版和布局，

目前创新互联已为上千家的企业提供了网站建设、域名、雅安服务器托管、绵阳服务器托管、企业网站设计、永善网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

也就是后面的元素会直接顶上去。

所以我们就需要解决这种问题

第一种方法: 直接给父级元素添加overflow:hidden; 属性

效果:

解决办法:

效果:

第二种方法:在浮动的元素后面再添加一个空的div，并且添加清楚浮动的属性

第三种方法:

有时也会这样写:

第四种方法: 让父级元素也一起浮动起来，也能让父级元素撑起高度。

通常第三种方法用的最多。

网站栏目：css中常用的清楚浮动的方法
网站路径：http://chengdu.cdxwcx.cn/article/pidgdd.html