我有一个网站，顶部标题固定为 100% 宽度，在该 DIV 内我有另一个 980 像素宽的 div，居中。
当我加载创建浏览器滚动条的 a 时（由于页面很长），页面加载和标题加载但随后跳转到左侧，以容纳滚动条。
我知道我可以添加overflow-y:scroll;到样式表以使滚动条始终存在，但是，这并不好，因为我使用的是 jquery fancybox v.2，如果你在一个长的fancybox 弹出窗口中执行此操作，它会给你两个滚动条。失败。
那么，有没有办法锁定标题的中间部分，就好像有滚动条但实际上没有滚动条一样？无论滚动条是否存在，它都处于相同的位置。
这是我现在使用的 CSS：
#topbar {
width:100%;
height:51px;
margin:0;
padding:0;
position:fixed;
z-index:1000;
/*Making sure it sticks to left of window in IE7*/
top:0;
left:0;
float:left;
background-color:#eeeeee;
border-bottom:1px solid #333;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.header {
width:980px;
margin:0 auto;
position: fixed;
z-index: 1001;
left: 50%;
margin-left: -490px;
}
它被称为例如<div id="topbar"><div class="header">blah blah</div></div>
有解决办法吗？