div 中有多少个 10 x 10 的盒子？答案

【问题标题】：How many 10 x 10 boxes fit into div?div 中有多少个 10 x 10 的盒子？
【发布时间】：2019-02-24 10:09:32
【问题描述】：

这是一个与一些 JavaScript 混合的数学问题，我有这个可调整的 div (https://imgur.com/a/Pec9Duq)，当点击 submit 时，它将完全被 10 x 10 更小div's.

但我不太清楚如何计算 10 x 10 div's 中有多少行适合 parent。

我目前拥有的是这段代码：

var w_items = Math.ceil(def_w / 10),
    h_items = Math.ceil(def_h / 10);

这让我把width 和height 的四舍五入返回到parent，不知道如何计算有多少适合思想，我将它们加在一起还是什么？

【问题讨论】：

【解决方案1】：

乘以父 div 的宽度和高度。你会得到它的面积。那么，一个小div的面积就是100，因为10x10=100。然后你所要做的就是Math.floor(parentArea/smallDivArea)，你会得到可以放入大div的小div的数量。

【讨论】：

抱歉，当我说 10x10 时，我实际上是指 width 10px 和 height 10px，所以 10 x 10 = 20px 对吗？我知道我的数学很糟糕：D
10 x 10 = 100，不管它们是 px :) 它们可能是 vh、em 等等。就它们而言，它们都是相同的单位 10 x 10 等于 100

【解决方案2】：

如果您对值进行下限（也称为整数除法）而不是上限，您将获得可以水平和垂直适应的元素数量。总数为 w_items * h_items。

【讨论】：