我希望我的容器div垂直扩展以容纳其内容...？
我希望我的容器div垂直扩展以容纳其内容...？
提问于 2012-06-17 09:34:07
我正在创建一个页面，它有一个背景图像，内容位于一个居中的容器中，该容器垂直向下运行。类似于Yahoo！答案布局：http://uk.answers.yahoo.com/
如果你在Yahoo上最小化你的浏览器！答案是垂直滚动会变得“更长”，内容都会留在白色的容器上。
然而，在我的浏览器上，当我最小化我的浏览器时，容器底部的内容溢出并显示在背景图像上。我想让容器扩展..。
我不想使用overflow:auto或任何其他overflow属性，我也不喜欢滚动条。
请看下面内容，并提前感谢您：
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);
)回答 1
Stack Overflow用户
发布于 2012-06-17 09:39:21
只需从#container中删除值height: 100%即可。这是将容器的最大高度设置为与浏览器窗口相同的高度，以防止显示比窗口更长的任何内容。
我猜您添加了这个属性，这样当页面内容很少时，整个背景就会显示在页面上。为了得到你想要的效果，你可能必须创建一个单独的div，在一个固定的位置，并定位在中心，z索引比你的main #容器小。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11068291
复制相关文章
相似问题
腾讯云开发者
