为什么grid-container要减去2*cellspace？-慕课网

首页课程实战体系课手记专栏慕课教程

为什么grid-container要减去2*cellspace？

来源：5-5 主体部分处理

MARSGGBO

2016-03-18 09:55

gridContainerWidth不就是grid-container的宽度吗？

写回答关注

2回答

鬼鬼oO

2016-06-28 17:42:45

已采纳

正常情况下盒子总宽度=盒子宽度+内边距+边框；
这里没有边框，那就是0咯；
既然要适应手机，那么盒子总宽度就得 == 手机的合适宽度（即92%，也就是gridContainerWidth）；
那么盒子的宽度 = 手机的合适宽度 - 内边距；
内边距 = 2*cellSpace；

如果你不想减，那个你直接给盒子来个样式： box-sizing:border-box;
这样就可以不用减去，这个是不管你是border还是padding，盒子的宽度都不会改变；

这个问题属于css范畴

1 0

MARSGG...

非常感谢！

2016-06-30 16:42:24

共 1 条回复 >
不惧亢龙

2016-03-19 13:13:03

to subscibe margin value

0 0

慕课网2048私人订制

慕课网这款“2048私人订制”通过大神老的讲解学习到游戏结构的开发

70015 学习 · 588 问题

相似问题

为什么 gridContainerWidth 要减去 2*cellSpace 啊

回答 1

不是说是绝对定位么?为什么container属性设置成position;relative??

回答 2

$("#grid-container").append( '<div class="number-cell" id="number-cell-'+i+'-'+j+'"></div>' );请问这句是什么意思？

回答 3

2048游戏为什么需要JQuery？？

回答 1

这句应该是这样吧？$("#grid-container").append("<div class='number-cell' id='number-cell-"+i+"-"+j+"'></div>");

回答 2

打开慕课网App查看更多内容