今天完成的事情：

今天开始做任务六，flex套flex套flex

header用固定定位，然后........陷入沉默  思考，把header设置display：flex；想设置成按钮的，查了下，资料有点多

等把整体弄完在回头看看弄不弄这个按钮把，先做个图放这

没看错  盒子套盒子，一个盒子里父元素设置水平垂直居中 那个定位的图标也跟着父元素，由于要用flex布局。 想了好久，最后用

justify-content:space-between; 解决

给前面加个空标签   定位图标设置右移15px， 为了保持居中给空标签也设置了左移15px，居中完成

下拉框 由于要设置 线渐变 白 灰 白  设置完把下边框的线弄没了，找了半天。之后想着就单独设置一个右边框，把所有边框清0了，给父元素加了一个下划线  

border-image: -webkit-linear-gradient(#fff, #e1e5e7,#fff) 1;    附上代码， 找时间好好理解下

边框内的文字居中 可以用 text-align-last:center; 来实现

固定定位下面的元素依旧要设置 padding-top：固定元素的高度。

边框的高度设置50px，宽度设置33VW； 设置justify-content:center;居中   

大框初步完成  

碰到的问题是列表框的宽度，设置33VW，是好的，还是错误的方向 

可能flex还不是很熟悉  有没有不移动边距就实现当前效果的方式，有待思考

footer，当然也是flex了，先画个圆，水平垂直居中，把小图片也水平垂直的放进去了，

为什么还缺俩旁的图标，是还没想明白怎么放进去    因为父元素水平垂直，这哥俩进去也肯定水平垂直居中去了

这里应该会用到justify-content:  还需要深入去理解这个主轴上的对齐

下面还是最后思考把，明天把页面布局完成，再从头看一遍，理解一变，整理整理，加油

内容区图标最后用雪碧图方式弄，一个部分一个flex 

父元素里分2块， 服务日期 时间 定位 在一起   /  25元/小时 >在一起

父元素  justify-content: space-between；   为实现25/小时 > 的位置   给它添加align-items: center;  

在思考这个不用外边距调整位置  ，不设置宽度百分比， 用flex是否可以实现   写到这里感觉又比之前更了解flex了，但就是感觉得到，摸不到，差一下，继续总结

没继续按这个格式继续写下去，在思考是不是可以更简洁，更优化的写出来，目前这个任务就差 调整文字位置 字体颜色 雪碧图 缩略图的... 还有下方的2个图标的     好好思考怎么写更好吧   相信这个任务完成之后 flex 简单的运用应该不是很难了

明天计划的事情：

把任务6完成  优化代码

             
遇到的问题：

无
收获：                                                                                                                         

flex运用