gpt4 book ai didi

javascript - CSS/HTML - 滚动问题时 float DIV

转载 作者:行者123 更新时间:2023-11-28 07:07:44 26 4
gpt4 key购买 nike

我遇到了一个看似简单的问题,但无法完全解决这个问题。我正在使用 bootstrap 版本 3 来创建我的基本布局。我有一个页脚需要位于页面底部,因此我将其设置为 position:absolute; bottom: 0; 并且如果缩小,效果很好。当内容开始变长时,它会创建垂直滚动条,并且当​​滚动时,DIV 会 float 而不是停留在底部。

我尝试给容器一个 position:relative; 但似乎没有做任何事情。有人有什么想法吗?

这是我的布局示例,如果您调整预览部分的大小以强制垂直滚动条,您将看到当您滚动时 DIV 会 float 而不是停留在原处。

https://jsfiddle.net/DTcHh/10301/

最佳答案

尝试使用固定

.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

js fiddle example

关于javascript - CSS/HTML - 滚动问题时 float DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31566442/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com