html - div在浏览器中导致x滚动的解决方案

Question

请参见示例：http: //jsfiddle.net/H5x9N/

我有一个与中心对齐的页面，宽度为 1020 像素。然后，我希望它的左侧和右侧的广告包含在不会导致滚动的 div 中。

这是显示广告的部分代码：

.majorad-container {
height: 1px;
left: 50%;
margin: auto auto auto -1250px;
overflow: visible;
position: absolute;
width: 2500px;
z-index: 20;
}
.adscrollleft {
background: url("") repeat-y scroll right top #0A080B;
cursor: pointer;
float: left;
height: 120px;
margin-top: -20px;
width: 720px;
}
.adscrollright {
background: url("") repeat-y scroll left top #0A080B;
cursor: pointer;
float: right;
height: 120px;
margin-top: -20px;
width: 720px;
}

如果我使用 position: fixed for .majorad-container - 没有 x 滚动，但我希望广告随页面向上滚动。

我希望这能很好地解释我的问题，有什么解决方案吗？

Answer 1

制作广告的背景图片，而不是使用背景封面

#divname{
background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:0%;
    max-height:100%;

}