今天完成的事情：

任务六的一部分

模拟下拉框

FLEX

transition: all 0.35s;

.box{
    float: left;
    width: 33.33%;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.35s;
}
.box:hover{
    height:250px;
}
.box ul{
    list-style:none;
    margin:0; padding:0;
}
.box ul li{
    line-height: 50px;
    text-align: center;
    border:1px #999 solid;
    background:#ffffff;
    color:#999;
    font-size:1.5em;
    background-image: url(../img/task6.4.png);
    background-repeat: no-repeat;
    background-position:205px 20px;
}

明天计划的事情：继续任务六的其他部分

遇到的问题：刚开始的时候FLEX没用好，所以页头部分一直写的不太理想，后面经过师兄的提点，发现了自己的错误并修改了，然后就是下拉框的问题让我卡了很久，想了半天想不明白怎么实现，

最后师兄提点了一下，我在百度上搜了很多，这个不行就试另一个，最后选择了用模拟下拉框解决这个问题。

收获：FLEX运用的更加熟练了，今天最后的收获就是学会了下拉框，然后自己尝试了很久做出来的模拟下拉框，其实挺满意的卡的不算太久，这个任务也就这里难度是最大的，后面就好解决了。