发表于： 2019-06-17 21:45:34
0 821
今天完成的事情： 完成80%的任务五，初步了解了flexbox，学习应用了table
代码就不贴了，HTML资料部分重新用table做了一遍，css代码有点乱。明天整理后再贴出来
明天计划的事情：完成任务5及任务5深度思考，掌握flexbox和table
遇到的问题：
- 1.背景图放在<header>里，下边的内容往上挤，问题出在我做导航栏背景条时给<header>设置了高度，导致背景图多出的部分没有被计算，解决办法：a）<header>标签里另加一个块元素接替<header>的背景色功能。b)背景图放在<header>外边；
- 2.资料部分最开始用<div>+<a>实现的，导致代码过于复杂，最终采用的table实现这一部分的内容；
- 3.资料部分实现往右移动时table标签设置了width：100%；margin-left:15px，导致表格比其他元素宽出15px，解决办法margin改成padding；
- 4.设置底部按钮留言的时候忘记计算border，导致“留言”按钮比“电话联系”按钮大2px，解决办法，height width减去border
收获：学习了flexbox和table ，代码还是要多码。。。
返回列表
评论