CSS问题求教

Question

开始实现简书的首页，碰到一个问题：下面有两个容器，分别装有黑色框和红色框，黑色框是固定的，红色框是浮动的，当红色框向上滚动时，两个内容会重叠，请问各位大神如何消除了？

Answer 1

恩  谢谢   试了你打方法 搞定了 

Answer 2

好吧，因为没有你的代码，我只能想象一下啦~

一、如果红色框是position：absolute，黑色框是position：fixed；正常来说网上滚动的时候黑色框和红色的框是会发生重叠的，首先搞清楚哪个在上层哪个在下层。按你的这个顺序，红框是在上层的，解决办法是给黑色的框设置白色的背景，并且设置z-index：2；（z-index的值只要大于0就ok，可以是1、2、3、4...等等）

二、已经过验证！

Answer 3

图层堆叠顺序