发表于： 2017-02-17 10:00:07
2 1230
02-16
1. Display: inline-block;
既满足了.box内容符合块级元素的特性，又符合.box之间Inline相连接
2. bigbox里套box，达成九宫格的效果
同时bigbox 与 box相对大小固定，屏幕宽度改变，始终能够呈现九宫格
但是，九宫格的大小在随之改变
用height&width将content撑开
3. 采用%作为单位
用padding-top=width=32%将div撑开
设置bigbox width=100% 保证九宫图以及覆盖整个页面
4. 缩放浏览器发现，某一数值始终在变化
Chrome调试发现，在inline-block下， border属性不再有效
采用float:left + overflow:hidden替代
变化的效果消失
5. 完成css任务1的九宫图
打算02-17将js任务1的九宫图完成
返回列表
评论