看这个例子中的两个p标签，根据样式定义：第一个p的margin-bottom和第二个p的margin-top 都是10px，那实际距离应该等于20px才对，但是用浏览器查看一下可以发现，最终的边距是10px。 这个例子就是外边距折叠：块级元素的上外边距和下外边距有时会合并（或折叠）为一个外边距。

先扯一段废话来引入好了。又很久没有写文章了（间接性踌躇满志，持续性混吃等死），几个月了登上来看到有人收藏和点赞，感到很惭愧，最近主要精力花费在react和redux，在写项目的过程中发现当前学习重心偏向js和框架学习，css的知识不够扎实，正好碰到公司的技术大牛分享css心得，借此机会恰好梳理一下自己的知识。

float属性在css2中是一个热门的属性，被广泛应用于布局之中，同时由于不当使用float带来的问题也非常多，本文结合自己对float的理解以及实际项目中碰到float的相关问题，做一个详细总结，欢迎一起探讨，但未经同意禁止转载。以下是文章的目录