html - 如何停止页脚上的固定侧边栏

Question

我的侧边栏有问题...它位于固定的 div 中，因此它会随着页面滚动...但是当它到达页面底部时。在较小的浏览器上，我的侧边栏与 ID 为“sub”的页脚重叠

这是我的侧边栏 CSS...

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

我怎样才能阻止它与我的页脚重叠？

Answer 1

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

编辑:你也可以设置bottom:20px;

fiddle : http://jsfiddle.net/WCuq3/