jQuery / CSS - 适合屏幕的元素（没有h滚动条）

Question

我有一个正常的网页，如下所示：

如何在浏览器屏幕宽度和#stuff右边缘相对于浏览器屏幕宽度之间取得差异？

基本上我想以某种方式将#stuff的宽度更改为此值：

Answer 1

如果我做对了，那只是数学。让我们在x和y中思考。您的stuff div包含initial x和final x。 final x可以通过initial x + width获得。现在，您可以使用相对于屏幕的最终点stuff来计算您要搜索的差异。 window width - final x = difference

你可以得到：

初始x与$("#stuff").offset().left

$("#stuff").width()

的内容宽度

$(window).width()

窗口的宽度

差异$(window).width() - ($("#stuff").offset.left + $("#stuff").width())

这是如何运作的：http://jsfiddle.net/SPL_Splinter/xKzvj/

希望它有所帮助。 ：）