0

我正在创建一个具有背景图像的页面，并且内容位于垂直向下运行的居中容器内。类似于雅虎！答案布局：http ://uk.answers.yahoo.com/

如果您在使用 Yahoo! 时最小化浏览器 回答垂直滚动只是变得“更长”并且内容都停留在白色容器上。

但是，在我最小化浏览器时，容器底部的内容会溢出并出现在背景图像上。我希望容器扩大..

我不想使用溢出：自动或任何其他溢出属性，我不喜欢滚动条。

请参阅下文并提前致谢：

body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
width:100%;
height:100%;
}

#container {
position: relative;
background: #440077;
width: 770px;
margin:0 auto;
top: 0px;
height: 100%; 
opacity: .7;
filter:alpha(opacity=70);
)
4

1 回答 1

0

只需从#container 中删除值 height: 100%。这是将容器的最大高度设置为与浏览器窗口相同的高度，从而防止显示比窗口更长的任何内容。

我猜你添加了这个属性，以便当页面内容很少时整个背景将显示在页面上。要获得您正在寻找的效果，您可能必须在固定位置和定位中心创建一个单独的 div，其中 az 索引小于您的主#container。

于 2012-06-17T01:39:20.630 回答