Question

我有两个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>

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

感谢。

Answer 1

除非背景图片还有其他内容，否则你真的不需要孩子div。你可以在父div中完成所有工作。

JSBin Demo -------＆gt; HERE

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

更新小提琴--------＆gt; HERE

两个div，一个在另一个里面。父可滚动。孩子修好了。

1 个答案: