发表于： 2018-05-17 23:53:03
1 643
今天完成的事：任务五有问题，修改完成后提交并通过，制作雪碧图，开始任务六页面的制作。
明天的计划：继续任务六。
碰到的问题：1、在缩放的时候，任务五的页面的底部没有按照任务演示里的那样可以遮挡内容，也不能随页面大小拉长缩短，两个盒子之间的间距会变化太大，问题还是蛮多的。
关于缩放时不能遮挡上部分的内容，需要把底部的两个盒子放在一个大盒子里，设置z-index:1和width:100%，不设置width也可以,但会复杂一点。
底部两个盒子不能随变化而变化长度是因为长度设置了固定值，改成百分比就行了。而盒子之间的间距会变就需要改变margin，左边的盒子的margin-left设为百分比，右边盒子的margin-right设为百分比，完成之后的间距还是会有一点点变化，，目前除了flex没有想到办法彻底杜绝这个问题。
2、这个是关于任务六的，头部比较顺利，底部的话，图片加上文字因为我不想设太多的类名，所以直接给他们套在了一个盒子里
，
问题马上来了，因为要给图片定位设置了float-left和padding-top，文字很难乖乖的下去,好像可以再给他们套一个盒子加些别的操作可以解决这个问题，但是违背了我偷懒的初衷，还是老老实实的加类名吧。
收获: 虽然百分比和固定值都是数值，但在不一样的场景下有不一样的作用。
返回列表
评论