发表于： 2018-05-26 23:45:51
1 599
今天完成的事：基本完成了任务七的第一个页面，差一些功能没有实现
明天的计划：完善第一个页面，开始第二个页面。
碰到的问题：1、四个小图标现在已经是在方格的下面了，下面要做到就是让它均匀的分布，最起码看起来要是均匀的，先用的margin，但到第四个图标离右边边框总还有点距离就会被撑下去，即便我把第四个图标的margin-right设为0，除非给装盒子的的宽度拉长，但这不是我想做的。后来试试display：flex的space-between，发现可解决这个问题。
2、在考虑hover的属性的时候发现一个问题，我已经给装四个小图标的盒子设置display：flex，但如果想让图标消失就需要设置display-none，二者冲突，师兄说可以先不要给盒子设flex，flex可以在hover的时候再设置，不是很懂什么意思，我自己想了一个办法，又给盒子加了一个盒子，并给它设置display：none。还没有hover，看看效果如何。
3、接上一条，要给盒子设置display：absolute，不然hover的时候会对整个布局造成影响。
收获：现在做页面时会先考虑整个的布局问题，而不是之前先做出来，做出来后慢慢调。
返回列表
评论