发表于: 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差不多。



返回列表 返回列表
评论

    分享到