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

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