如何在页脚上停止固定边栏

时间:2013-03-25 09:34:56

标签: html css

我的侧边栏有问题...它在一个固定的div中,因此它与页面一起滚动...但是当它到达页面的底部时。在较小的浏览器上,我的侧边栏与页脚重叠,其内容为“sub”

这是我的侧栏css ......

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

如何阻止此页脚重叠?

1 个答案:

答案 0 :(得分:0)

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

修改:您还可以设置底部:20px;

<强>小提琴http://jsfiddle.net/WCuq3/