教程中header和footer设置浮动的作用是什么？

设置浮动是为了要让元素横向排列，塌陷是因为设置浮动之后，元素脱离了文档流。有很多产生float,position,margin的负值等在课程中有做讲解，如果你自己不是很理解，这也很正常，对于初学者这块还是有难度的，建议可以多听两遍，然后自己在本地写代码试验一下，如果遇到不理解的具体的问题再来提问，助教老师为你解答，这样的方式可能会让你理解的比较彻底，记得也比较牢，我们不仅要教会你知识点，还要教会你学习方法，祝学习愉快！

其实最佳写法是给container加overflow：hidden；声明，然后把header和footer的浮动属性去掉，width也可以不写。这个老师这么写是为了防止footer上移，但又懒得再写.footer { float: left; }。