今天完成的事情：

师兄检验了任务5的完成情况
但出现很多的问题（插入问题图片）之前的任务相对简单点 所以没暴露出来，总结一下出现的问题
1第一点也是最重要的一个问题 页面的自适应

2记得加声明

自己在敲代码的时候设置的宽、高 、padding、 margin仍习惯性的使用px  要改掉这个习惯 声明中要加<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放
以后数值单位要根据情况使用不能滥用px

3 header与footer的固定
无论页面如何滚动 始终保持首尾的位置不变

这里还遇到Z—index 意使用

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

4左边固定右边自适应的两栏布局

浮动布局:

一、先让固定宽度的div浮动！使其脱离文档流。

二、margin-left的值等于固定div的宽度相等。

利用margin负值

关键点：

1. 是固定宽度的div脱离文档流。

2. 利用marin负值可以使得，后面的div可以与前面的div 保持同行显示。

3. 给包裹内容的div加margin-left 可以使得与左边的文字不重叠

明天计划的事情：

继续任务六

收获：

这次做任务密集的错误，让我认识到，以前学习的过程中有太多似是而非的点，以为自己了解了但实际操作中却出现了问题。很庆幸早点遇到坑，这样我还来得及填补。而且发现问题后，回头再去查阅资料就会对那些理论内容有了更深刻地理解。以前学的还是太浅显

一定要好好学习基础知识，多敲代码