18910140161

HTML-如何修复页脚,使其在块内容增加时滚动?-堆栈溢出

顺晟科技

2022-10-18 12:18:07

49

我有一个问题,我的英语不好,但我试图完整地描述我的问题!

当前

有一个窗口。要实现的画面是页脚要固定在容器的底部,不能随着白块内容的增加而下移。然后,当白色块的内容太多时,整个窗口将不会改变。大,并且可以滚动白色块内容以查看其他选项。

My example


顺晟科技:

据我所知,您需要修复页脚。您只需要取消注释footer的注释代码,并更改position:fixedposition: sticky;来自position: absolute例如,CSS的页脚代码将是;

<代码>页脚{位置:固定;//位置:粘滞;宽度:100%;底部:0px;右:0px;背景色:#F77331;显示:Flex;正当-内容:空间-周围;填充:10px;Z指数:9000;.btn{填充:10px;border-radius:20px;}}

然后,如果您的内容由于页脚的footer{ position: fixed; //position: sticky; width: 100%; bottom:0px; right:0px; background-color: #f77331; display: flex; justify-content:space-around; padding:10px; z-index:9000; .btn{ padding:10px; border-radius:20px; } } 位置而隐藏,您可以为该内容使用边距。希望这将解决您的问题

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航