1

我的窗口对象的宽度为 1361 像素。

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

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

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

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

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

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

1 回答 1

0

CSSdisplay: flex;是当今解决这些怪癖的好方法。

于 2017-03-12T17:21:33.860 回答