Question

网页怎么固定一个DIV的背景图片不变

学生制作网页提问如图，黑框是我需要固定不动的一个DIV，红框是我的主题内容的DIV，超出屏幕范围的我需要无论如何红色DIV怎么移动，黑色DIV都不会动我现在出现的情况就是，黑色的DIV不动，但是红色的DIV一旦到底部会带起一部分白色的东西来吧黑框背景遮住，这是为什么

Answer 1

有很多情况会出现这个问题，比如CSS没有预设好，最好把代码拿出来看看
还有，如果要固定背景可以这样，设好背景路径之后再加上 background-attachment:fixed;

追问

之前那个问题我解决了，能不能请问一下这个怎么做

追答

假设黑框class='hei' 红框class='hong'
办法一：用定位 .hei{position:relative} .hong{position:absolute;bottom:0}
办法二：黑框的图片用背景来写，红框可以用定位，也可以margin-top或者padding-top做到最底部，但是如果黑框的高度是自动的，就要用JS获取黑框的高度，然后减去红框的高度，赋给红框的margin-top

Answer 2

这个不好判断，得那你打代码具体看看才行

追问

之前那个问题我解决了，能不能请问一下这个怎么做

追答

设置定位，可以在他们的外面加上一个div，设置为相对定位。然后设置红色的框为相对定位，任何bottom设置为0就可以定位到指定位置，用的知识点就是子级元素用绝对定位，就会根据有相对定位的父级来定位