‍‍‍‍今天完成的事情：完成了task5-2的页面并连接到task5-1，看了启宸师姐的task，学习了她使用百分比的方法。‍‍

明天计划的事情：了解task6的界面，分析结构和表现，着手写task6，有空的话再找个师弟去阿里云买个服务器，开始搭建自己的网站

‍‍‍‍遇到的问题：还是元素居中的问题，简单的div结构能够很好的处理位置，但是div里面包含的div有时就会出现布局错乱的问题。‍‍

解决：主要是position和float、display属性什么情况下或者哪一个属性值会脱离文档流没搞清楚，百度加上看启宸师姐的task总算是明白了部分：

      1、position属性：

           absolute：会使元素脱离文档流，相对于已经定位的上级元素定位，没有相应的则相对于html定位。其后的元素会占据它原来的位置。

           relative：元素原位置不会脱离文档流，定位后相对于原位置移动，会覆盖其他元素。

           fixed：元素会脱离文档流，相对于浏览器窗口定位，会覆盖其他元素。

      2、float属性：会使元素脱离文档流，影响其后相邻的元素（可使用clear属性清除影响）会围绕float的元素显示，元素没有设置宽度和高度会变为其内容的宽度和高度。

      3、display属性：

           inline：使块级元素变为行内元素，不再具有能改变上下高度的属性。

           block：使行内元素变为块级元素，能够改变上下高度，但是会使元素换行显示。

           inline-block：使元素变为内联块级元素，同时具有inline元素和block元素特性。

           flex：将元素变为弹性盒子，使用后‍‍会使子元素的float、clear和‍‍vertical-align‍‍‍‍‍‍‍‍属‍‍性将失效。但是用flex可以更好的实现垂直居中和更多的布局。‍‍

收获：如上。‍‍

‍‍