当有浮动元素时找出可用空间（宽度）

Question

我有一个浮动元素（float:left）宽度约为500px空间右边有没有办法，通过jQuery找出可用空间多少？我想动态地这样做，并且喜欢jQuery方式。

所以我想插入一个元素，并让它与可用空间一样大。

Answer 1

您的内容是否插入固定宽度的容器中？如果是这样，只需计算左浮动元素的确切宽度，然后从容器的宽度中减去它。

如果它不是固定宽度的容器，请先计算该宽度。

示例：

<div>
    <span style="float:left;">a</span>
</div>

第三个元素的结果宽度：

var availWidth = $('div').width() - $('span').width(); //Use proper selectors here