Css 容器DIV背景图像未随内容扩展

我的集装箱部门有问题，你将在下面看到。它包含一个垂直重复的非常简单的图形。我希望背景图像与内容一起展开，但它没有这样做。当我展开浏览器窗口时，背景图像会垂直展开以填充页面，这是应该的……但当我滚动时，最初位于折叠下方的背景下部在我向下滚动时是空的

我还包括了html，正文，因为我不确定问题出在哪里

谢谢你

html,body {
    background-color: #999;
    background-image: url(../images/bg.jpg);
    background-position: top;
    background-repeat: repeat;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    height: 100%;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

#container {
    background-color: #000;
    background-image: url(../images/bg_container.gif);
    background-position: left top;
    background-repeat: repeat-y;
    display: block;
    height: 100%;
    margin: 0 auto; 
    max-width: 1200px;
    min-width: 860px;
    padding: 0 3px 0 3px;
    position: relative;
}

---

这里的问题是，您在div

id=“triathlete”

上使用的是

position:absolute

，那么您的主容器就不会考虑该元素的空间。您可以尝试的解决方案是：

• 在html中，更改两个元素之间的顺序，您有：

  <div id="triathlete"></div>
  <div id="mainBody"></div>
  

• 并将容器的

  高度更改为
  min
  ：
  
  #container {
    min-height:100%;
  }
  
  

如果这不起作用（出于任何原因），或者您觉得实现它会给您带来太多麻烦，下面是一个使用jQuery的快速修复：

setInterval(function() {
    $("#container").css("height",$(document).height());
},50);

这将自动调整容器div的大小，以封装它的所有内容，即使它们是绝对定位的

---

再次指出，这不是解决此类问题的正确方法，但如果您没有时间以正确的方式解决问题，可能会对您有所帮助。

您能给我一把小提琴吗？好的，这是我的第一把小提琴。事实上，我不得不用谷歌搜索。我道歉。我是一个设计师，不是一个程序员…但我可以与HTML和CSS。希望这是你需要的。我真是太感谢你了！！！我昨晚花了两个多小时试图自己解决这个问题@人造丝没问题，我的朋友很乐意帮助你。我也是一名平面设计师，建议避免使用

position:Absolute

使整个布局在大多数情况下使用浮动和内联块。我一定会采纳这个建议。是时候认真复习一下CSS3技能了！哇，也谢谢你的这个。对于我目前正在工作的这个网站，我可能只会这样做一次。我本应该在周末完成这个网站的！

#container {
  min-height:100%;
}

setInterval(function() {
    $("#container").css("height",$(document).height());
},50);