我正在创建一个具有背景图像的页面,内容位于一个在页面垂直向下运行的居中容器内。与Yahoo!相似答案布局:http://uk.answers.yahoo.com/
如果您在Yahoo!上最小化浏览器回答垂直滚动变得越来越长了#39;并且所有内容都保留在白色容器中。
但是,当我最小化浏览器时,容器底部的内容会溢出并显示在背景图像上。我希望容器扩展..
我不想使用overflow:auto或任何其他溢出属性,我不喜欢滚动条。
请参阅下文并提前感谢您:
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);
)
答案 0 :(得分:0)
从#container中删除值高度:100%。这是将容器的最大高度设置为与浏览器窗口相同的高度,防止显示比窗口长的任何内容。
我猜你添加了这个属性,这样当页面内容很少时整个背景就会显示在页面上。要获得您正在寻找的效果,您可能必须创建一个单独的div,在固定位置和定位中心,z索引小于主#container。