Question

我有一个给定的HTML结构，并且无法真正设法更改它以将页脚放在包装div中而不是其他任何内容，所以＆＃34; classic＆＃34;粘性页脚代码不起作用。结构如下：

<body>
    <div></div>
    <div>
        <sidebar></sidebar>
        <maincontent>
            <div></div>
            <div></div>
            <div></div>
            <footer></footer>
        </maincontent>
    </div>
</body>

页脚必须在那里才能使侧边栏显示并通过js正确消失，如果我把它放在它使用侧边栏上出现的粘性页脚代码的地方，并且主要内容不会延伸到页面的末尾。

除了改变一切之外，还有什么方法可以使页脚变粘？

Answer 1

如果你想让页脚坚持主要内容，那么试试这个

#maincontent-selector {
    position: relative;
}

#footer-selector {
    position: fixed;
    bottom: 0px;
}

您的父元素应具有相对位置或绝对位置，以使页脚粘贴到父级底部。

否则它会粘在页面的底部。

其他div中的粘性页脚

1 个答案: