今天完成的事情：

今天完成了任务5，做了个简单的护工个人主页，学到了em,rem单位的使用方法。

明天计划的事情：

尽量完成任务6，有空闲时间继续学习JS的基础知识为之后的JS学习做准备。

遇到的问题：

1、为子元素设置了margin-top属性，父元素也有了这个属性，导致布局中间总有一条空隙。经过百度搜索到的原因是“所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之”。解决方法有4种：

方法1：在父DIV的css加上“overflow:hidden;”。这种方法是目前来看最完美的解决办法。

方法2：在父DIV的css加上“border:1px solid transparent;”。

方法3：在父DIV的css加上float或者position:absolute。

方法4：在父DIV的css加上padding-top来代替margin实现效果。

后面的布局中野多次遇到了同一个问题，都顺利的解决了。

2、中间部分

我用的是一个ul列表，每个li标签里面设置两个div盒子，为了让两个div并排，我把它们设置了display:inline属性。结果发现自我介绍那一栏的第二个盒子字有点多，第二行字会跑到自我介绍的下面去。经过研究尝试，我把inline属性取消了，并把每栏第一个盒子设置了浮动，使两个盒子并排。并用补充margin的方法让两个盒子在垂直方向居中。

收获：

对盒子模型有了更深的理解，了解了更多float和margin造成的影响。