带你彻底掌握 CSS 浮动

什么是公开课?

公开课是 SegmentFault 讲堂面向所有开发者的知识普及产品。为了提升整个行业的水平，我们会邀请业内一线的富有经验的讲师，针对开发过程中最基础但是问题最多的知识点进行权威讲解。

公开课是完全免费的公开资源，欢迎大家扩散和分享它。

这堂课讲了什么?

CSS 浮动是前端开发中最基础但又是最容易犯错的问题，我在工作中经常遇到有多年经验的开发者都没有完全弄明白里面的概念。虽然近年 Flex 布局开始进入大家的视野，但是浮动定位仍然占据前端布局的主流地位，而理解它也可以让你更好地理解 CSS 盒状模型等很多相关概念。

因此借助 SegmentFault 公开课这一渠道，我为大家录制了这一期课程，希望能对你理解 CSS 浮动有所帮助。以下是课程主要覆盖的三个方面

1. 浮动的基本概念
2. 浮动的摆放
3. 浮动的清除与闭合

面向人群

1. 前端初学者
2. 对浮动这一概念不太清晰的前端工程师

为了方便大家理解，我会在课程中结合实例讲解，希望你也能跟着我一起动手练习。