html - 如何让我的 html 占据整个浏览器窗口？

Question

如果我的浏览器窗口足够大，网页就没问题。如果它更小并且我向右滚动，我的背景就不会水平穿过整个浏览器窗口。他们停在网页内。我将主体背景设为蓝色，这样您就可以看到背景结束的位置。我想让实际内容和背景图片在浏览器窗口结束的地方结束并且没有蓝色。该网站位于 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>

谢谢。

Answer 1

您的内容超出了 .main div。
如果您在 div.main { overflow: hidden; 中添加 您会看到它按预期工作，因为没有任何东西将它推到比预期更大的宽度。