Fancybox: 100% width -100px

Question

В настоящее время я пытаюсь найти способ отображения FancyBox по всей ширине моего экрана с краем 100 пикселей слева. Я попробовал этот

JQuery

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
    'width': '100%'   
}); 
}); 

и CSS

.fancybox-wrap { 
position: absolute; 
left: 100px; 
} 

Хорошо, это работает отлично, но теперь у меня есть горизонтальная полоса прокрутки в браузере, который вызывается по 100 процентов + 100px.

Что мне сейчас интересно, есть ли способ получить 100-процентную ширину браузера минус 100 пикселей? Я попытался это, но он не работает:

JQuery

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
    'width': (100% - 100) + "px"  
    }); 
}); 

Было бы замечательно, если бы кто-нибудь может дать несколько рабочих строк кода, я полностью сосать при кодировании. TY.

Answer 1

без редактирования любого CSS, FancyBox предоставляет вам варианты

$(".fancybox").fancybox({ 
    width: "100%", 
    margin: [0, 0, 0, 100] // top, right, bottom, left 
}); 

Answer 2

Я не знаю, сошки HTML для этого FancyBox, но если установить CSS right свойство равным нулю, width к auto и left к 100px вы должны получить его.