今天完成的事情：

      使用box-shadow属性为下拉框增加阴影样式。

      使用background-position制作雪碧图作为背景。

      使用overflow： hidden；属性指定内容溢出元素框时溢出内容会被修剪，并且其余内容是不可见的。

            white-space属性指定元素框内的空白如何处理。设置为：white-space： nowrap；表示强制文本在一行内显示，不换行。

            text-overflow： ellipsis；指定当文本溢出包含它的元素框时， 显示省略符号来代表被剪切的文本。（需在以上两个属性设置时才能生效）

            min-width： 60px；指定元素框宽度缩小至60px时，超出文本被替换为省略号。（不知道有没有理解错）

min-width: 60px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

          制作下拉框是使用ul标签，下拉内容超出父元素框，在父元素框中使用padding： 0；使下拉内容与父元素框宽度相等。

明天计划的事情：

          解决fixed属性失效问题。调整代码，优化自适应。

遇到的问题：

     已使用fixed属性header和footer无法固定，随body部分一起上下滑动。

更改fixed属性为absolute，header右侧产生小块空白区域，

且页面右侧时不时图标时不时被遮盖住，还不清楚是哪里出了问题。

收获：

       没事不要乱用flex，flex会使块级元素变成行内元素。