Fancybox：100％宽度-100px

Question

我正在尝试找到一种在屏幕的整个宽度上显示FancyBox的方法，左边是100px的边距。我试过这个

的jQuery

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

和 CSS

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

好的，这很好用，但现在我的浏览器中有一个水平滚动条，由100％+ 100px宽度引起。

我现在想知道的是，有没有办法让100％的浏览器宽度减去100px？ 我试过这个，但它不起作用：

的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

我不知道此fancybox的底层HTML，但如果您将CSS right属性设置为零，width设置为auto，left设置为{{1你应该得到它。