Jquery Fancybox:100%宽度-100px

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

jQuery

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

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

和CSS

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

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

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

jQuery

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

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

---

如果有人能提供一些代码行就太好了，我完全不擅长编码。TY.

我不知道这个fancybox的下划线HTML，但是如果你将CSS

right

属性设置为零，

width

设置为

auto

，

left

设置为

100px

，你应该会得到它。

不编辑任何CSS，fancybox会为你提供选项

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

---

看起来很有希望，将测试并报告。。编辑：非常好用，非常感谢！。。。最舒适的解决方案。@Ela:what确切地说是：边距还是宽度？我发现在fancybox 2.0中，您还需要添加“autoSize:false”以使宽度生效。即使这样，弹出窗口也不会占用整个空间，并留有大约20px的余量。@Ela此答案在OP的上下文中有效，但可能因情况而异。。。。您可能还需要将

fitToView

设置为

false

，以便自己处理fancybox维度。查看更多信息