今天完成的事情：

根据师兄的指导把下拉框做出来了

昨天日报提到的问题 z-index无效，是由于Z-index 仅能在定位元素上奏效

为了将nav栏固定于页面头部，将nav作为header的一部分，为main层设置z-index=-1使其位于下层。

利用box-shadow属性为plat添加阴影

明天计划的事情：

重新看一下position属性，以及flex布局。搞明白z轴上的层级关系，优化任务6

遇到的问题：

main的position:absolute属性改为margin后，增加内容至出现滚动条后，go图标会位于最上层进而遮挡header栏的图标。nav标签的内容也处于最上层。因此仍采用position:absolute。

收获：

1.Z-index 仅能在定位元素上奏效

2.box-shadow属性

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow  必需。水平阴影的位置。允许负值。

v-shadow  必需。垂直阴影的位置。允许负值。

blur     可选。模糊距离。

spread 可选。阴影的尺寸。

color   可选。阴影的颜色。

inset    可选。将外部阴影 (outset) 改为内部阴影。

3.css实现倒三角

1.   .triangle{  

2.       border-left: 0.05rem solid transparent;  

3.       border-right: 0.05rem solid transparent;  

4.       border-top: .05rem solid  #999999;  

}