CSS动态重复嵌套的背景div，可能吗？

似乎有一些关于这个主题的帖子，但我找不到任何结论，所以我想我应该在这里为比我更熟悉CSS的人试一试！我有3个容器div，它们有背景图像，在主要内容的顶部和底部给人一种逐渐变细的线条效果的印象。我不能让中间的div动态扩展到我所需要的程度，它似乎需要一个特定的高度。有没有办法获得高度：自动或100%的工作？该网站是-谢谢

编辑：抱歉，您正在尝试拉伸背景图像

技术是删除

浮点：右样式并在左侧添加边距：

#main_body {
  float: right; //remove this
  margin-left: 320px; //add this
}

-在Chrome上工作
描述了一些解决方案。您可以使用纯css，甚至可以使用javascript。
我认为您只需要一个css解决方案。试试下面的CSS

body { 
margin:0; 
padding:0; 
height:100%; 
}

或

或者查看此链接，这是一个更好的解决方案

html{
width:100%;
height:100%;
}