前端基本功之深入理解css float浮动

源码小哥哥

课程简介：
当我们有了一定的前端经验后，关于CSS代码，我们已经形成了自己的世界观和属于自己的准则，本课程将会从感性的认识的角度讲解CSS float属性。

课程须知:
既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！

课程能学到什么？
通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。

课程目录:
第1章 Float的历史-知其历史而更知当下
通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。
1-1 float的历史 (02:40)
1-2 浮动的原本作用-文字环绕
第2章 Float的特性-包裹与破坏
介绍浮动的两个特性，包裹与破坏，增强感性认识，CSS家族关系族谱即将呈现。
2-1 float特性-包裹与破坏 (03:41)
第3章 被误解的Float-是魔鬼还是情非得已
父元素高度塌陷是bug? 别开玩笑了，Float只是做了正确的事情。
3-1 被误解的float浮动 (04:17)
第4章 清除浮动-究竟是清除浮动还是清除浮动带来的影响？
通常的说法并不一定准确，通常的使用方法并不一定是最好的。
4-1 清除浮动 (05:10)
4-2 clear与margin重叠
第5章 Float的滥用-不在其职而谋其政
Float用来布局很好使？亲们，我本出现打酱油，如今滥用建高楼。
5-1 float浮动的滥用 (08:32)
5-2 float浮动去空格
5-3 浮动与display:block化
第6章 Float与流体布局-我本流体布局生，无奈苦逼砌砖头
介绍几种与浮动相关的流体布局，让你日后在网页布局时候有更多的选择。
6-1 Float与流体布局 (08:08)
6-2 浮动与两侧皆自适应的流体布局
6-3 浮动与右侧尺寸固定的流体布局
6-4 浮动与单侧尺寸固定的流体布局
第7章 Float与兼容性——不同的老爸不同的命
低版本IE本身就是个恶魔，再容身一个恶魔Float，那还不篓子捅出一大堆。
7-1 Float与兼容性 (07:39)
7-2 含clear的浮动元素包裹不正确的bug
7-3 浮动元素倒数2个莫名垂直间距bug（超过3浮动元素）
7-4 浮动元素倒数2个浮动最后一个字符重复bug
7-5 浮动与同一行的差异

游客，如果您要查看本帖隐藏内容请回复

danting

学习了，谢谢分享、、、

Goosefal

不知该说些什么。。。。。。就是谢谢

秉生麟

支持一下:lol

GanEhank

啥也不说了，感谢楼主分享哇！

ortaundabai

学习了，不错，讲的太有道理了

photon12342

找到好贴不容易，我顶你了，谢了

wxp199393

啥也不说了，感谢楼主分享哇！

rty930422

相当不错，感谢无私分享精神！

碧霄成龙

珍惜生命，果断回帖。