Question

当我点击链接时，我会弹出一个fancybox。它在中心区域的某处开放，但不是在中间。 fancybox的css是：

#fancybox-wrap {
    position:absolute;
    /*padding: 20px;*/
    z-index: 1101;
    outline: none;
    display: none;
    margin: 0px auto 0px auto;
}

但是，当我position:absolute;时，保证金设置无效。似乎没什么用。 left: 50px;等不起作用。有什么想法吗？

当我将绝对值更改为相对值时，fancybox完全位于我想要的中间位置，但它将底部的fancybox几乎排除在视野之外。

Answer 1

当你绝对定位某些东西时，你会根据顶部/底部和左/右属性告诉浏览器你想要它的确切位置。

绝对位于屏幕中央：

#fancybox-wrap {
    position:absolute; /* want it positioned absolutely relative to parent */
    width:500px;       /* fixed width of 500px */
    top:50px;          /* 50px down from the top of the screen */
    left:50%;          /* positioned in the middle of the screen */
    margin-left:-250px;/* use a negative margin of half the fixed width */
}

将fancybox置于中心位置：绝对不让我改变位置

1 个答案: