今天完成的事情：

（1）完成task6中的“首页”

http://139.129.13.246/task6/index.html

https://github.com/fangunhs/task

明天计划的事情：

（1）完成task6中的“发言讨论结束，投票”、“结果页”页面

遇到的问题：

（1）问题：

      “首页”布局中黄色朝右箭头需要和左侧“猜词版”文字同高度，一时想不到什么好办法。在尝试中我把包含箭头背景的<i>标签放在<span>猜词版</span>的内容中，然后设<span>的父标签（也就是<i>的爷爷标签）position：relative，设该<i>position：absolute；top：50%；margin-top：(-0.5*<i>的height)，这样一来竟然实现了期望的布局。而设<i>标签的父标签<span>position：relative后，箭头就只能显示在“猜词版”元素内部了。

       我对posituon：relative的理解：无非就是设置后，元素相对于设置前本来的位置进行偏移。

解决：

       查看经验贴的过程中，发现absolute是相对于自己最近的父元素来定位的。而通过设置相对定位，可以确定元素的absolute相对于谁来定位。过去一直以为设置元素A绝对定位时，只能设置A的父元素为相对定位。

所以在“首页”布局中，箭头和“猜词版”文字同高度是巧合，碰巧文字也在父元素中间的高度上。

收获：

（1）设置垂直居中时，padding（%）比相对对位配合绝对定位更方便。