发表于： 2018-05-25 23:42:39
1 603
今天完成的事: 继续任务七。
明天的计划：继续任务七。
碰到的问题：1、任务七的页面有一个是需要做12个方格，
看起来和任务一的九宫格很像啊，很自然的就用百分比来给方格设置宽高，但怎么也起不来，后来发现问题所在，第一点，宽可以设置，但不要给大格子设置高，大格子的高应该是被里面的内容撑起来的，第二点，不要用百分比，因为大格子百分比是相对于它的父级main的，应该用vw。
2、每个格子下面都有四个小图标，最开始的时候我是想用<br>标签，但是因为格子的布局我用的浮动，脱离了文档流，所以失效了。也尝试过绝对定位，但是太麻烦了，最重要的是拉的太大图片会发生偏移，后来师兄给我提供了一个思路，可以把每一个格子里分成三个小盒子，第一个是土黄色的盒子，第二个是绿色的盒子，然后第一个和第二个再放进一个盒子，给这个盒子设置边框，最后一个盒子就是放小图片。这样无论怎么变化小图标始终跟随着大格子。
收获：1、没有什么是套盒子不能解决的，如果有，那就再套一个。
2、在制作雪碧图的时候，最好是竖着排列，因为横着摆列图片有时候会异常的小。
返回列表
评论