我的网站主要内容位于中心位置（请参阅div＃wrapper），因为它的宽度为800px。绝对位置，左边50％，边距左边是-400px。工作得很完美。
然而，我的灯箱（点击客户端或访客标签），没有集中定位。我看过Chrome开发者工具和Firebug，看不出这些数字有什么问题。我不认为这是一种视错觉大声笑。
灯箱离右边太远了。价格匹配承诺（在页面底部）出现并且太远了。左边，顶部，边距左边和边距顶部是由jQuery动态设置的，但是评估的数字看起来是正确的。我的分辨率为1280px宽，因此是文档，因此margin-left变为-640px。看似正确。
任何想法？
答案 0 :(得分：0)
如果你想要总是在屏幕中央显示弹出窗口，这是最好的例子之一.. http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/
如果您没有垂直滚动条，上面的示例有效，如果您的页面有更多数据，并且垂直条使用其他属性来获取浏览器的客户端高度的完整高度...
以上示例具有计算和设置中心弹出窗口的逻辑。 我在我的一个项目中做了类似的事情，如果这不能回答你的问题，请多询问一下
答案 1 :(得分：0)
始终包含YUI重置，并指定DOCTYPE：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
这些规则属于我自己
我认为问题来自您的position: relative和否定margin-left，因为您的宽度为800px且内容需要更多!!，请尝试为{{设置overflow: hidden 1}}并且看到有一些像素被隐藏，这意味着出现了问题!!
突然出现在我眼中的东西是完全错误的！
div#wrapper为什么要重新定位#wrapper div#content {
border-width:5px 1px 1px;
left:50%;
margin-left:-400px;
position:relative;
width:800px;
}
div#wrapper {
left:50%;
margin-left:-400px;
position:absolute;
width:800px;
}
!!为什么宽度超过800px？记住最终宽度是802px，因为左右边框是1px。
我的朋友有很多不好的做法，下次尝试仔细编码:)！