带你彻底掌握 CSS 浮动

带你彻底掌握 CSS 浮动

单课

公开课:免费学

什么是公开课?

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

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

这堂课讲了什么?

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

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

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

面向人群

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

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

购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com
3、划线价说明:商品展示的划横线价格为参考价,并非原价。该价格仅供您参考。

版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。

4.8 29条评价

phoenixor · 2018-02-25

希望讲讲flex布局,毕竟是未来主流

2fa0 · 2018-02-08

什么时候讲讲BFC呢?

绿色的白菜 · 2018-02-04

很详细,辛苦了!希望出更多的讲座!

tkgkn · 2018-01-23

弄明白了clear和常用的闭合浮动的原理。期待BFC讲解

Jenny · 2018-01-17

joyqi · 2018-01-12

深入浅出很详细,很适合基础不牢的开发者

Error685 · 2018-01-07

原理讲的非常清楚 感谢!

Sunny · 2018-01-06

learnfront · 2018-01-05

错过了可以回看麽

充电大喵 · 2018-01-17

不限次,不限期观看回放呀