Html 两个div，一个在另一个里面。父级可滚动。孩子固定了。

我有两个div，我想把一个放在另一个里面。父div的高度为100%，可进行x-滚动（内容将溢出到右侧）。 子div通过css设置了一个可重复的背景图像。 我想把它放在父div的底部（滚动条上方），就像一个页脚一样，但是当滚动条被移动时，这个div应该保持静止

如何做到这一点

现在我有

.parent{
overflow-x:scroll;
overflow-y:hidden;
width:100%;
height:100%;
position:fixed; }

.child{
height:33px;
width:100%;
bottom:0;
left:0;
background-image:url(<image_path>);
background-repeat:repeat-x;
position:absolute;}


<div class="parent">
   <div class="child">
   </div>
</div>

.parent{
溢出-x：滚动；
溢出y：隐藏；
宽度：100%；
身高：100%；
位置：固定；}
.孩子{
高度：33像素；
宽度：100%；
底部：0；
左：0；
背景图片：url（）；
背景重复：重复-x；
位置：绝对；}

我遇到的问题是，滚动父div时，子div会移动

---

谢谢。

除非在背景图像之外还有其他内容，否则您并不真正需要child div。您可以在父分区中完成所有操作

JSBin演示------->

在你拉小提琴之后。。。编辑。。。忘记子div的背景。将背景图像放置在父div上。让子div透明并包含文本

---

更新的Fiddle------>

除非除了背景图像之外还有其他内容，否则实际上不需要child div。您可以在父分区中完成所有操作

JSBin演示------->

在你拉小提琴之后。。。编辑。。。忘记子div的背景。将背景图像放置在父div上。让子div透明并包含文本

---

更新的小提琴------->

我不明白。如果父div设置为100%宽度，则不会有任何滚动。父div中是否有其他元素设置为更宽？@Scott，下面是一个说明问题的示例。我不明白。如果父div设置为100%宽度，则不会有任何滚动。父div中是否有其他元素设置为更宽？@Scott，下面是一个说明问题的示例。