javascript - javascript 中相对大小 HTML 元素的计算大小错误

Question

我的窗口对象的宽度为 1361px。

容器 div 的宽度设置为 90%，理论上为 1224.9px。

但是，它的计算大小 ( $("#mycontainer").width() ) 返回 1225px。仅供引用，计算出的数字似乎来自浏览器本身，而不是 jQuery。

现在，问题是如果我在其中放置两个 float div，分别为 1000px 和 225px，它们将不适合在同一行上，据称是因为 1225px > 1224.9px。至少在 FF 和 Chrome 中，未在其他地方测试。

如果我将容器设置为 1225px 的固定大小，那么这两个 div 将回到同一行，这在我看来证实了浏览器不使用高级舍入计算大小来知道实际有多少空间可供 child 使用。

我想知道是否有人知道如何解决这个问题。我什至不确定如何获得容器的百分比大小来自己进行数学运算:

var width = Math.floor($(window).width * $("#mycontainer").percentageWidth() / 100)

Answer 1

如今，CSS display: flex; 是解决这些问题的好方法。