html - 如何使重复 div#header2 整个长度 div#header1

Question

代码:

#header1{width:100%;}

#header2{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 72px;
    background: url("./image.png");
    background-repeat: repeat-x;
    background-position: -10px -180px;
}

<div id="header1">

<div id="header2">
</div>

</div>

请告诉我如何使 div#header2 重复整个长度 div#header1 ？

P.S.:image.png - 它包含图标。 (是一个 Sprite 图像)，例如。图像打包:

Answer 1

Fiddle Example !
在 header2 中设置 width:100%。

#header1{width:100%;}

#header2{
width:100%;
position: absolute;
top: 0px;
left: 0px;    
height: 72px;
background: url("./image.png");
background-repeat: repeat-x;
       }

<div id="header1">

<div id="header2">
</div>

</div>