html - 放大/缩小时如何使阴影框保持在同一个位置？

Question

即使我在网页上放大或缩小，我也试图让 shadowbox 保持在同一个地方。我尝试以百分比而不是像素为单位来制作尺寸，但我不知道应该使用哪种属性组合。

这是我想要实现的结果:来自这里的外部阴影框效果http://www.harpersbazaar.com/

#shadowbox {
margin: 5px 450px 5px;
box-shadow: 0px 0px 5px rgba(150, 150, 150, 0.75);
position: relative;
z-index: 0;
width: auto;
border-top: 1px solid rgb(223, 223, 223);
initialHeight: 100%;

这是实现它的页面:http://filldevoid.com/test/ (在同一个谷歌浏览器中显示不同，但在不同的计算机上显示不同))

(我希望阴影框与内容位于同一位置(我的意思是，在设计中位于同一位置，即使我放大)我希望内容很好地位于框内，例如harpersbazar 示例。)

Answer 1

添加这个:

#shadowbox{


    width: 970px;
    left: 50%;
    margin-left: -485px;


}