带有相对位置和Z索引集的CSS侧栏

带有相对位置和Z索引集的CSS侧栏,css,Css,我在网页的左侧有一个侧边栏,它被设置为position:relative,设置了一个顶级值,但它的z索引也为10,因为侧边栏的顶部需要与右侧也设置为relative的部分内容重叠 然后我的页脚没有设置位置,但是有一个清晰的:两个设置,位于侧边栏下面,因为侧边栏的高度比我的内容div大 我的问题是,随着侧边栏的增长,它不会将页脚向下推,而是在页脚顶部呈现-有什么想法我遗漏了吗 是因为我的侧边栏的z索引为10吗?如果是这样,我如何让它向下推页脚,而不是在页脚顶部渲染 如果没有,那会是什么?不确定这是

我在网页的左侧有一个侧边栏,它被设置为position:relative,设置了一个顶级值,但它的z索引也为10,因为侧边栏的顶部需要与右侧也设置为relative的部分内容重叠

然后我的页脚没有设置位置,但是有一个清晰的:两个设置,位于侧边栏下面,因为侧边栏的高度比我的内容div大

我的问题是,随着侧边栏的增长,它不会将页脚向下推,而是在页脚顶部呈现-有什么想法我遗漏了吗

是因为我的侧边栏的z索引为10吗?如果是这样,我如何让它向下推页脚,而不是在页脚顶部渲染


如果没有,那会是什么?

不确定这是否可行,但如果为边栏和页脚设置相同的z索引会发生什么情况?

不确定这是否可行,但如果为边栏和页脚设置相同的z索引会发生什么情况?

Mmh z索引,定位元素和堆叠上下文非常有趣:(
以下是关于z-index的好资源:

  • (在z索引的工作原理中重命名!)

第一种方法可以让您自己找到解决方案,即使是反复尝试。

Mmh z-index、定位元素和堆叠上下文非常有趣:(
以下是关于z-index的好资源:

  • (在z索引的工作原理中重命名!)

第一种方法可以让您自己找到解决方案,即使是通过反复试验。

删除#侧边栏的
top
声明,并找出另一种拥有顶部空间的方式(边距、填充)


如果这不起作用,请将我们链接到代码。

删除您的#侧边栏的
顶部
声明,并找出另一种拥有顶部空间的方式(边距、填充)


如果不起作用,请将我们链接到代码。

发布代码,更容易修复并查看:)(问题可能是页脚元素、z索引样式或整个网站结构……)发布代码,更容易修复并查看:)(问题可能是页脚元素、z索引样式或整个网站结构……)如果页脚宽度不强制它进入侧边栏下,侧边栏将运行抛出页脚…:/@Zuul,基于此,如果我在页脚上将z-index设置为11,我是否还需要将宽度设置为100%或宽度:1024px,这就是我网站的宽度?我真的不知道,可能只是做一个gess。。。使用Felipe Alsacreations链接学习和测试,或发布您的代码;)如果页脚宽度不强制它进入侧边栏下,侧边栏将运行抛出页脚…:/@Zuul,基于此,如果我在页脚上将z-index设置为11,我是否还需要将宽度设置为100%或宽度:1024px,这就是我网站的宽度?我真的不知道,可能只是做一个gess。。。使用Felipe Alsacreations链接学习和测试,或发布您的代码;)