发表于: 2017-03-03 20:33:27
1 687
这个Task本身不难,做的过程中遇到的问题有这么几点:
1.对于一个div设置高度,用height是无效的,我还傻傻的去查为什么height无效。这里只能用padding把其扩大,只要padding的值与width一样就行了。
2.margin的百分比的设置,脑子比较单纯,直接设定的左右margin都是3%,导致一行只有俩个方块,这里作一下检讨。
3.对于border,当我给它设置一个solid属性时,页面缩小的时候自适应无法正常显示,不加这个solid属性就没问题,反复观察了一阵了后发现原来我给border设定的宽度是px单位,这个数值是固定的,所以页面缩小到一定程度,第三个方块会被挤下去,当我给border的宽度设定成1%的时候,这个问题就解决了。
4.其实这个Task用ul也能很快解决,实现原理跟这个div差不多。
评论