发表于： 2017-03-21 23:48:34
1 626
今天完成的事情：
学习了盒子模型，浮动，chrome开发工具，并使用九个div写自适应九宫格，使用border-radius画出正方形的圆角。
遇到的问题：
1.开始时使用width：30%，height：30%来写正方形，结果无法显示，后来在w3school上仔细看了下，height不能使用百分比（网页的高度不确定啊），又上网查了下，改成width：30%，padding-bottom：30%。
2.使用float和clear换行时，float:left;clear:right,结果没有换行效果，百度知道了代码是顺序执行的，当执行到第一个div要清除右浮动的时候，第二个div并没有被加载，所以它的清除效果也就无效了，所以把clear的值改成left。
明天计划的事情：
学习viewport，在调试一下代码，把task2看一下，争取提交任务。
收获：
加深了一下写正方形用到的几个属性的印象，对盒子模型和浮动有了一个认识，也稍微锻炼了一下独立解决问题的能力。
返回列表
评论