发表于： 2017-04-07 19:37:30
1 613
今天开始了CSS的学习，任务开始的想法是建立一个大的 <div>标签，包裹内部的九个小的DIV标签，再修改修改CSS的属性。
刚开始对换行这个想了很久，开始试过用<br> 标签对格子换行，但发现添加了float 属性后，换行会变得很奇怪。
之后看了一遍同班同学的任务日记，里面师兄的回答，终于明白是需要修改 margin 和padding 属性才可以换行。
最开始使用的是使用的是 px 来控制盒子的内外边距，在不改变页面大小的情况下显示是正常的九宫格，但一旦改变页面大小，页面会变得奇怪，不再显示九宫格，后面使用 em 来控制，也是同样。
最后使用 % 来控制内外边距，这样才能使页面在尺寸改变的情况下九宫格的显示不变。
返回列表
评论