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

Question

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

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

然而，它的计算大小（$（＆＃34; #mycontainer＆＃34;。）width（））返回1225px。仅供参考，计算出的数字似乎来自浏览器本身，而不是jQuery。

现在，问题是如果我在其中放置两个浮动div，分别为1000px和225px，它们将不适合在同一条线上，据称是因为1225px＆gt; 1224.9px。至少在FF和Chrome中，没有在其他地方测试过。

如果我将容器设置为1225px的固定大小，则两个div将返回同一行，这在我的脑海中确认浏览器不使用高级舍入的计算大小来了解实际有多少空间可供儿童占用。

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

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

谢谢。

Answer 1

CSS display: flex;是解决这些怪癖的好方法。