今天完成的事情：

一、学习box-flew属性，box-flex主要让子容器针对父容器的宽度按一定规则进行划分。

二、box的其他属性：

box-orient | box-direction | box-align | box-pack | box-lines

1、box-orient用来确定父容器里子容器的排列方式，是水平还是垂直。其中horizontal、inline-axis表示子容器水平排列，对父容器的宽度进行分配划分；vertical、block-axis表示子容器垂直排列，对父容器的高度进行分配划分；inherit属性则是让子容器继承父容器的相关属性。

2、box-direction用来确定父容器里的子容器排列顺序。normal是默认值；reverse表示反转。

3、box-align表示父容器里面子容器的垂直对齐方式，可选参数如下所示：

start（顶对齐） | end（底对齐） | center（垂直居中对齐） | tretch（拉伸到与父容器等高）

4、box-pack表示父容器里面子容器的水平对齐方式，可选参数如下所示：

start （左对齐）| end （右对齐）| center （水平居中对齐）| justify（水平等分父容器宽度）

三、初步体验九宫格的自适应编写

遇到的问题：

自适应时，父级div的高度因直接用百分比，无法撑开盒子，子级div因父元素没有实际高度，也无法实现盒子成型。想着让其高度和宽度一致，网上有推荐用height:expression(this.clientWidth)，没有实际效果。暂时没能解决自适应高度撑开的问题。

明天计划的事情：

1、继续找寻盒模型自适应宽高的问题

2、完成任务一，优化代码

收获：

学习了box-flex，和box的属性，懂得其各属性的作用的用法。