今天完成的事情：

   今天完成了任务十的具体内容，对任务十的按钮进行 修正

  对登录按钮添加了《display：flex》完成了居中定位

  遇到了散修师妹发来的一个问题，

为什么她的盒子加了代码还挤压到了一起，

用的是弹性盒子来进行布局，再加上《overflow:hidden》,来完成了文本隐藏，但是他的这个效果却没有实现，然后发现他的DIV盒子变成弹性盒子之后会多出一截宽度来，但是他的代码里没有任何宽度的属性，

外面也没有用DIV包裹，最后发现是因为弹性盒子的特性，如果你没有给予宽度，就加上弹性盒子，那么弹性盒子就会在你的DIV盒子里挤压别的盒子，这算是弹性盒子的特性了，然后就造成了两边相抵住，所以文本隐藏的代码，根本发挥不出他的效果。只要把两边加上他的任意宽度，弹性盒子就会受到宽度的管制。就可以达到任务效果了。

明天计划的事情：

任务十已经差不多完成了，但是美媒体查询还有有点问题，明天准备对他进行修改，最后完后提交任务十，

遇到的问题：

                     遇到的问题就是弹性盒子特性的问题，顾名思义，他是弹性的，如果不给予他一个明确的宽度，他会按照周围DIV的大小来对自身进行一个调整和修改

                                                      弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。

                        注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行

 打个比如：

我现在是在任务十，其中要用到弹性盒子来进行布局，但是，在我页面进行缩小时，由于弹性盒子的特性，

他在不影响我大致布局的情况下把我下拉框里面的图片挤出去了，而且还没有影响我的大致布局，因为我下拉框给予了宽度，但是我左边没有给宽度，

在我给予右边最小宽度的时候，下拉框里面的图片就显示出来了，而且弹性盒子也影响不到我给予最小宽度的下拉框里面了

完成了这个布局。

今天的收获：

巩固了以前的所学知识，加深了对弹性盒子的理解，对基础代码有了更加深层的理解。