具有位置相对和Z索引集的CSS边栏

时间:2010-07-15 23:05:26

标签: css

我的网页左侧有侧边栏设置为postion:相对设置为top值但是它的z-index为10,因为侧边栏的顶部需要重叠一部分右边的内容也设置为相对。

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

我的问题是,随着侧边栏的增长,它不会将页脚向下推,而是呈现在它的顶部 - 任何想法我缺少什么?

是不是因为我的侧边栏的z-index为10 - 如果是这样的话,我怎样才能让它按下页脚而不是渲染它的顶部?

如果没有,那会是什么?

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

终止你的#sidebar的top声明,并找出一种不同的方式来获得顶部空间(边距,填充)

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