发表于： 2017-02-22 16:22:57
2 1157
今天完成的事：（应该是昨天，把昨天的日报补上。昨晚住的地方停了几个小时电。）
按照规定CSS中的任务3和任务4内容完成了。在写任务跟完善代码的过程中，学到了以下内容：
任务3跟任务4有共同的地方就是header部分都要求三块区域分别居于左中右，并且垂直居中。实现的方法是
display:flex;
justify-content:space-between;
明天计划的事：晚上做任务5，把今天的日报补上。并且学习FLEX布局。
遇到的问题：Header部分的布局一开始用的是浮动，没有用display:flex;跟justify-content:space-between;问了群里的人群友告诉我的。
用position:fixed; class名header下面的部分就占据header的了。我用了一个空的div在header下面长度跟宽度跟class名number一样。
收获：知道了display:flex;justify-content:space-between;还有position:fixed;的用法。用box-sizing: border-box; 可以不用考虑border跟padding的值，非常方便。
PS: https://github.com/lbw880322/csstask3-4.git 任务3任务4的链接
返回列表
评论