今天完成的事情：

1.做了一个最常见的移动页面端。

明天计划的事情：

1.做下一个任务之前先看看深度思考。发现有些东西没有用到过，细节缺失。

2.flex布局可以详细看下了，现在位置一直是用一个找一个。

遇到的问题：

1.中间部分建立多个div盒子，在自我介绍栏处发现一个问题，文字少了还没看出来，如图有大量文字的时候，自我介绍会被挤到左边并且会被换行。不知道这是什么原因，卡了很久，以为是右边文字部分的margin问题。后面百度后，了解了white-space: nowrap命令，作用是使用后不换行，所以自我介绍栏会一直水平展开。

解决前：

加入新代码后：

2.加入底部的footer，即留言和联系电话部分，并position使用fixed后，自我介绍栏文字一旦一多，往下滑的时候footer部分就会挡住文字部分。查找问题原因后，发现在main部分加入margin-bottom，数值高于footer栏即可。

解决前：

解决后：

收获：

1.white-space: nowrap命令可规定段落中的文本不进行换行，非常好用。

2.B部分挡住A部分的文字时，可以在B部分加入margin-bottom，使两个部分存在间距。

3.上一个任务中使用了<input type="button">，此处任务使用了<button>。两者稍有不同，<button>的功能会更加强大，元素内部可以放文本或图片等。

4.使用了flex布局的space-around命令，

用于footer部分的留言和联系电话，定义边框的左右边距也能实现，不过这个命令直接使两个块的两侧间隔相等，挺方便的。

4.进度稍慢，应该有一些部分没有做好，关于盒子的理解要进一步加强。