前段时间写过一篇CSS基础知识之position，当时对float的理解不太准确，被慕课网多名读者指出（原文已修正，如有误导实在抱歉）。现对float进行更深入的学习，在此把学习心得分享给大家。
浮动元素会左偏移（或右偏移），直到它的外边界接触到『包含块的内边界』或『另一个浮动元素的外边界』。
浮动元素脱离了标准文档流，文字和行级元素会环绕该元素，块级元素则不受影响。
浮动一个非替换元素，必须为该元素声明一个width，否则元素的宽度趋于0。
浮动元素的margin（外边距）不会与其他元素的margin合并。
.clear-float1{ content: “”; display: block; clear: both; }/* 方法1，当父包含块缩成一条时无效 */.clear-float2{ overflow:hidden; width:100%; }/* 方法2，overflow:hidden属性相当于是让父级紧贴内容，这样即可紧贴其对象内内容，从而实现了清除浮动。 */.clear-float3{ overflow: auto; zoom: 1; }/* 方法3，zoom是在处理兼容性问题，hidden和auto都能清除浮动，据说auto对seo更友好 */欢迎大家来 石佳劼的博客 和我交流，在 这里 留下您宝贵建议。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
