今天完成的事情：今天的话把任务13的3个页面全部做完，上午的时候看了看侧边栏教程，发现解决办法没用，然后先把其他两个页面给做完了。目前的话还是侧边栏稍微有点问题，滑动的时候右边的没法隐藏
明天计划的事情明天计划修改这个问题，提交任务13
遇到的问题： 

     1，在做任务13第2个页面的时候

如图所示。之前的话自己使用的浮动来实现这个效果，但是现在加上最大宽度的话发现其中的方框会溢出屏幕。经过排查发现自己刚开始使用的是单位是vw，所以会溢出屏幕。后来的话自己尝试使用flex布局来解决这个问题，计划的的是使用

flex-grow: 1;

l来实现这个效果，但是这样的话宽度确定来，但是高度没办法确定使之成为正方形。遂舍弃来这个方案

         第二次我计划使用rem来解决这个问题，因为网页默认设置的话1rem=16px，但是在过程中发先这样以来虽然高度和宽度可以确定，但是屏幕宽度变化的话最小的时候会溢出屏幕。这个方案也舍弃来

       第三次我计划使用百分比来解决这个问题，网上也查来一下，宽度的话使用百分比来进行控制，高度的话使用

padding-bottom: 30%;

l来进行控制，但是这样来使用的话其中的内容不是很好控制。

        最后向师兄请教了下用px来解决来这个问题

收获：  在不同的环境中，用时候所需要使用的单位也要根据实际情况来变化，刚开始做这个页面的时候，因为没有限定最大宽度，所以单位的话用个自己习惯的就可以，但如果限定宽度的话，其中又一大部分都没法去使用。所以这方面的话自己下次使用的话要注意一点。