今天完成的事：给任务六布局列表头，让列表头紧贴header，制作三个下拉菜单，布局footer。

明天的计划：完成任务六。

碰到的问题：1、因为要做下拉菜单，所以学习了hover属性关于鼠标悬浮控制元素的显示与隐藏的内容，但是不知道代码的形式究竟是怎样的，教程里都没有写，询问师兄后得知：先把需要隐藏的下单菜单正常的做出来，之后给下拉菜单设置display：none属性，它就会隐藏起来，之后在css里创建一个类名，我这里用的子级选择器，具体的代码形式就是这样的：

前面是second是父级，span是子级，ul-a是孙级，也就是隐藏的下拉菜单的盒子。

                      2、之后遇到一个问题，给下拉菜单制作了border，但是和父容器相切的那一面边框不显示，这是因为我每个下拉菜单的宽度都为33.3%，三个连一块刚好就是父容器的宽度。而边框是包裹在盒子外边的，开始想给给每个下拉菜单设置宽度少一丢丢解决这个问题，比如32.38%，但是放大后两边的白边会越来越明显，用box-sizing：border-box属性可以让边框在内部显示，完美解决这个问题。

        3、对<br>标签的理解不够深刻，<br>标签只能起到换行的作用，它本身不能添加任何其它属性，如果要给<br>里的内容设置属性，需要在<br>里面再套个盒子，然后给那个盒子加属性。

                       4、底部那一行我是用的flex布局里的span-around做的，这是我做的，这是原图，用肉眼看得出来，原图里的左右两个盒子比我做的要更加往中间靠，开始是想把左右两边宽度设为40%,通过改变左右盒子的宽度，在因为居中而改变显示内容的位置，但是想法很美好，现实就是中间的圆会发生偏移，还是给两个盒子设margin往中间撑最简单了。

收获：1、学习了如何通过鼠标控制元素的显示与隐藏内容。

    2、学习了box-sizing属性。