发表于： 2019-06-18 23:17:47
1 1155
今天完成的事情： 完成任务5及任务5深度思考，代码重新写了一遍，了解学习了flex
明天计划的事情：学习雪碧图、bootstrap、文字被截断出现”…”省略号、如有余力尝试任务6
遇到的问题：
1、给页眉页脚做固定定位导致页眉页脚脱离了文档流
之前用的办法：用内容的上外边距撑开和外下边距把页面撑开，不然遮挡内容
这个做法的虽然完成了想要实现的功能，但是过于被动，内容模块因为页眉页脚模块的缺陷随时都要照顾页眉页脚模块，显然这个不是我要的
最终的想到的处理方法：给页眉页脚模块分别添加一个和页眉页脚等高的父级块，让固定定位变相的回归文档流，这样就可以使各个模块都只需要处理好自己的事就行了，不会因为其他模块的“缺陷”导致需要另外的模块去照顾
2、页眉页脚使用flexbox 导致宽度不继承父级宽度，超出HTML设置的最大宽度
解决办法：给页眉页脚分别设置最大宽度和100%宽度即可
3、发现滑动框时页脚部分对滑过的内容没有遮挡，设置了页脚白色背景色后，在微信打开页面，页脚多出一条白色背景色，微信默认背景色是灰色
解决办法：给HTML设置白色背景色
收获：学习了flex和table
返回列表
评论