jQuery / CSS - подгонка элемента к экрану (без полосы прокрутки h)

Question

У меня есть нормальная страница сайта, которая выглядит так:

Как узнать разницу между шириной экрана браузера и правым краем #stuff относительно ширины экрана браузера?

В основном я хочу как-то изменить ширину #stuff на это значение:

Answer 1

Если я правильно понял, это просто математика. Давайте думать в х и у. Ваш stuff div имеет initial x и final x. final x можно получить с помощью initial x + width. Теперь у вас есть конечная точка stuff относительно экрана, которую вы можете использовать для вычисления разницы, которую вы ищете. window width - final x = difference

Вы можете получить:

начальный х с $("#stuff").offset().left

ширина материала с $("#stuff").width()

ширина окна с $(window).width()

разница $(window).width() - ($("#stuff").offset.left + $("#stuff").width())

Вот как это работает: http://jsfiddle.net/SPL_Splinter/xKzvj/

Надеюсь, это поможет. :)