如何阻止页脚上的固定侧栏

我的侧栏有问题...它是固定的div，以便它与页面一起滚动...但是当涉及到页面底部时。在较小的浏览器我的侧栏与有“子”如何阻止页脚上的固定侧栏

的ID这是我的侧边栏的CSS ...

.sidebar.sticky { 
    position: fixed; 
    top: 0; 
    max-width: 210px; 
}

如何从我的重叠页脚停止此页脚重叠？

工作。 – 2013-03-25 09:55:40

尝试使用z-index'.sidebar.sticky {z-index：100;} #sub {z-index：50;}' – HamZa 2013-03-25 10:04:23

在您的.sidebar css中有一个margin-bottom属性。假设您的页脚已20px高度设置为CSS margin-bottom:20px;

编辑：您还可以设置底部：20px的;

小提琴：在您的页脚像填充左或padding-right.it可能会更容易 http://jsfiddle.net/WCuq3/

2013-03-25 09:41:03

不幸的是，由于位置顶部设置为0，所以不起作用... – 2013-03-25 09:48:34

请查看我的编辑 – 2013-03-25 09:56:58

回答