本文分享了一位初学者在完成学成在线网页制作过程中的经验，重点探讨了浮动布局的运用及如何清除浮动。通过实例讲解了额外标签法和使用after伪元素两种清除浮动的方法，强调前端学习需要大量实践，以应对前端技术的多样性和复杂性。
对于菜鸡的我来说，磨蹭磨蹭一天把学成在线网页制作完了，中途遇到很多烦心事，不过越做越顺利。
这个是例图，B站黑马pink老师讲的案例，他只讲了前半部分，后半部分需要自己做，如果新入坑的小伙伴想要下图的就拿去吧。
这个案例大量使用了浮动(float:left/right)很好的锻炼了对网页整体的构造。浮动就是将内容脱离文档流，使内容漂浮起来，影响布局，不过要值得注意的是浮动后容器没有指定高度则会变为0变为一条线，这时就必须要清除浮动。
在这里因为不知道有多少个课程板块，所以不能给容器添加高度，否则后续课程板块添加后内容错乱，通常用于懒加载。
而我在这里使用了
最低0.47元/天 解锁文章
1557
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
