时间过得很快，又一周过去了，每周写一篇博客记录我这个小菜鸟的成长之路已经成了一个习惯。
从最开始的HTML部分、盒模型、划分区域、定位体系、到flex布局，感觉一周接收到了很多新知识，也做了语义化布局、定位效果的练习，对于我来说也正二八经的接触到了我的第一个页面”迪士尼页面”，这个页面是用弹性布局做的，相对于我自己了解的响应式布局来说，弹性布局就很方便了，不用考虑浮动、子级脱离文档流导致父级高度塌陷带来的麻烦。总的来说，现在的感觉就是，我听懂了课堂的内容，但是我可能写不出想要的那个效果来。最开始做练习的时候，因为得不到我想要的布局效果，心里真的有些不好受，请教老师讲解之后豁然开朗，但心里却对自己产生了一些怀疑，难道我真的就不能自己解决吗？内心难免会有点害怕学不好，那么简单的都不能理解好。比如定位体系那节，我听课感觉很不错，放学老师就丢给我们一个定位效果的作业，可是自己操作的时候就卡壳了，明明老师讲了，我真的听懂了，但我并没有真的懂！因为我不能运用。那天放学后我就仔仔细细的复习了一遍定位体系，总结了一下几个问题。
1.为什么要用到定位体系？
2.什么是定位体系？
3.定位的含义？
4.定位的使用场景是什么？
5.出现的问题我改如何解决？
例如我需要用实现当鼠标向下滑动时，导航条一直在窗口的顶部该如何实现，之间出现的问题我该如何解决？老师讲解知识点时很慢也很通俗易懂，但这并不代表你能写出来，关键是当你做页面的时候，你怎样运用起来，怎么去实现这个页面的效果，现在困扰我的还是，我听懂了也看懂代码了，但是却实现不了效果，这只能说明一件事。我真的听懂了，但我并没有真的懂！因为我不能运用。在今后面的学习当中，特别是写代码的过程中，一定要去思考，这样写的含义是什么，这段代码想要实现什么功能，慢慢的告别这种听懂却不能运用的困扰。
下面是我在实现当鼠标向下滑动时，导航条一直在窗口的顶部该如何实现，中遇到的一些问题，以及解决方法：
例子：用固定位置实现当鼠标向下滑动时，导航条一直在窗口中。
Sept1.设置当前标签为固定位置,添加{position: fixed}，此时包含块就是视口(浏览器的可视区域。)
问题一:
常规流宽度会撑满整个浏览器区域，但是给了固定位置后,常规流就会脱离文档流(不占用位置)变成了固定定位，此时的宽度就变成内容区域的宽，其宽度并没有占满浏览器的内容区域。
分析:
固定位置的宽度为auto，则为内容区域的宽度，当前案例需要导航撑满浏览器，因此需要设置宽度width:100%(包含块是视口)
处理方法:
给一个使他占满浏览器内容区域宽度的值，width:100%。
问题二:
此时移动鼠标时，导航区域也跟着鼠标移动，不会停留在浏览器顶部，但是顶部会有外边距，如果添加一个{margin:0px},会出现相邻外边距折叠的情况，在不添加边框等使他不相邻的办法如何解决？
分析:
设置固定位置后不会发生位置变化，需要设置方向值，才会改变标签位置，当前案例header需要固定在浏览器的顶部，因此设置{top:0p};
处理方法:
添加top:0px属性;使他顶部的距离为0.
问题三:
此时p标签与header标签折叠在一起。
分析:
由于header标签为固定位置，因此与p标签折叠在一起。为了实现p标签在header下面显示，则设置上外边距为header的高度，即让出header的高度，让p内容在header下面显示。
处理方法:
给下面的p标签添加{margin-top }
一定要做到课前预习，课后不复习，千万不要成为（我真的听懂了，但我并没有真的懂！）的懒人。