今天完成的事情 :任务7页面的BUG的修改

遇到的问题:

问题1.

内容部分把页头覆盖了 因为相对定位让内容部分脱离文档流了所以导致了内容上拉的时候覆盖了页头

怎么去解决的:BUG解决方案

1.     z-index: 1; 是这个属性帮我解决这个问题的目前这个属性的作用我还不清楚

2.音频播放的问题因为我给背景图100%的话背景图片是贴边的所以我给了99%的距离    background-position: 99% 还有百分之1的距离即我门所看到的的边距然后这个音频播放器呢就一会贴边我不知道怎么让他和背景图一样在同一个位置 这时候是霍亚浩师兄过来给我讲了一下说我为什么不给一个       margin-right: 1%;即右外边距和我的背景图的间距刚好是差百分之1所以就给了1%的数值

3.两边间距的问题  这个是因为我没有给它一个大盒子去限制它所以它的间距就很不好调试  我觉得我明天可以从新写一下这9个盒子  我的解决办法就是给了一个大和子包裹了这3个小盒然后给大盒子 display：flex属性中的      justify-content: space-between;两端对齐的属性就OK了

4.这个解决办法的话就是给盒子加 padding-bottom：150px让下面的间距大一点就实现了最下面一行的雪碧图不弹出来 

5.这个问题的话和问题3一样都是给一个盒子然后flex就行了

还有就是用到空格符

今天的收获: 学习到了一个新的属性就是z-index虽然不知道具体是做什么用的但是用到了早晚就会知道明天我也会百度一下看看这个属性还有就是又巩固加深了已经学到的东西  还有就是收获到了一些新的思路比如给播放器  margin-right：1%让它和背景图的位置可以重叠到一起

明天计划学习什么: 明天看看任务7还有什么BUG没有的话修改完吧  第二个页面的话实在不行我就从写一下