如何让我的html占据整个浏览器窗口？
如何让我的html占据整个浏览器窗口？
提问于 2013-02-27 06:51:43
如果我的浏览器窗口足够大，网页就没问题。如果它较小，当我向右滚动时，我的背景不会在整个浏览器窗口中水平移动。它们会停在网页内部。我已经将身体背景设为蓝色，这样你就可以看到背景在哪里结束了。我想让它的实际内容和背景图片结束在浏览器窗口结束，并有没有蓝色。该网站的网址是avidest.com/schneer。下面是CSS：
.main {width:100%; padding:0; margin:0 auto; min-width: 1020px;}
.header { background:url(images/slider_bgpng200.png); background-repeat: repeat-x; padding:0; margin:0 auto; width: 100%; }
.header .headertop{width: 100%; background: #d3e5e8; height: 30px;}
.block_header {margin:0 auto; width:1200px; padding:0; border:none; }
.slider { background: transparent; margin:0 auto; padding:0; height:420px;}
.slider .gallery { margin:0 auto; width:980px; height:420px; padding:0;} 下面是html：
<div class="header">
<div class="headertop">
<div class="header_text"><a href="#">Email</a> | <a href="#">Client Login</a> </div>
</div>
<div class="block_header">
<div class="slider">
<div class="gallery">
</div>
</div>
</div>
</div>谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-02-27 06:59:45
您的内容超出了.main目录的范围。
如果你添加你的div.main { overflow: hidden; }，你会看到它按预期工作，因为没有任何东西推动它比预期的更宽。
Stack Overflow用户
发布于 2013-02-27 06:54:17
对于100%的高度，您还需要html和body标记为100%
将此代码添加到CSS中
html, body { height: 100%; width: 100%; }然后你必须创建一个100% x 100%包装器div的假背景，并将你的背景放在里面，以获得你想要的效果
Stack Overflow用户
发布于 2013-02-27 07:05:12
为什么你有.main类？你是不是忘了一些元素？
在.header中，你可以设置100%的背景和宽度。因此，带有.header类的元素的宽度将是其父元素的100%。<div class="header">的父元素是什么
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15101001
复制相关文章
相似问题
腾讯云开发者
