发表于： 2017-03-08 23:18:02
1 708
今日完成的任务：
1.完成了任务5，固定header之后发现被下一层设置了relative的div盖住了，经过查阅w3cschool发现了z-index这个属性，然后对z-index进行了设置，把带有relative的div设置为-1之后，header就出来了，反过来，relative的div被header挡住了。
2.对flex进行了更多的学习和了解，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效，容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end，他的align-items可以取五个值，每种不同的值会有不同的对齐方式.
order将决定子元素的分布方式，数值越小，排列越靠前，flex-grow属性定义项目的放大比例，默认为0，对父元素按比例分配。
明日计划完成的任务：
1.学习bootstrap框架，开始着手任务6
2.学习一些css3的内容
遇到的问题：左右两边的框无法在框的长宽改变的时候对齐
左右两个按钮的一些定位跟自己的理解有不同的地方
收获：对弹性盒子有了一些基本的了解，学会了一些css3里的基本知识。
返回列表
评论