Html 若我滚动，Div不会粘在页面底部

因此，正如标题所示，我有一个div，它的位置是绝对的，底部为

0但它仍然不会一直向下。正如您在这里看到的，页脚的高度为65%，看起来很好，直到您缩小尺寸，它才延伸

基本上，我要问的是，如何让它始终保持在屏幕的底部，但仍然只占页面顶部的65%


div.bg{
位置：绝对位置；
保证金：0自动；
显示：块；
文本对齐：居中；
左：0；
底部：0；
宽度：100%；
身高：65%；
背景色：rgba（0,0,0,0.65）；
}

战场4

战场1

火箭联赛

如果要在滚动页面时将div固定到底部，只需将其位置更改为
固定即可：

div.bg {
  position:fixed;
  ...
}

如果您有高度较大的儿童div，请尝试以下方法：

div.bg {
  position: absolute;
  display: table; /*display:block;*/
  top:35%; /* instead of height:65%; */
  ...
}

.game{ 
  display: table-row;
  ...
}

如果要在滚动页面时将div固定在底部，只需将其位置更改为
fixed
：

div.bg {
  position:fixed;
  ...
}

如果您有高度较大的儿童div，请尝试以下方法：

div.bg {
  position: absolute;
  display: table; /*display:block;*/
  top:35%; /* instead of height:65%; */
  ...
}

.game{ 
  display: table-row;
  ...
}

你可以试试这个

div.bg {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  height:40vh;
}

你可以试试这个

div.bg {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  height:40vh;
}

位置：绝对位置需要一个元素来将位置属性
顶部
、
右侧
、
底部
和
左侧
关联到。它将与定位的第一个（“最近的”）祖先元素相关，这意味着它没有
位置：static这是任何块级元素的默认值。如果它没有任何定位的祖先元素，则它与
主体相关

发件人：

位置：绝对位置：不要为元素留空间。相反，将其定位在相对于其最近定位的祖先（如果有）或相对于初始包含块的指定位置

位置：绝对位置需要一个元素来将位置属性
顶部
、
右侧
、
底部
和
左侧
关联到。它将与定位的第一个（“最近的”）祖先元素相关，这意味着它没有
位置：static这是任何块级元素的默认值。如果它没有任何定位的祖先元素，则它与
主体相关

发件人：

位置：绝对位置：不要为元素留空间。相反，将其定位在相对于其最近定位的祖先（如果有）或相对于初始包含块的指定位置

你能发布你的html/css代码吗？好的，我添加了html和css代码，目的是什么，？有一个固定的页脚或其他东西？你能发布你的html/css代码吗？好的，我添加了html和css代码，目的是什么，？有一个固定的页脚或其他东西？这是行不通的，因为这样一来，游戏也会被卡住，因为他们是孩子。什么是游戏？您没有提供他们的代码/css。。。此外，最好在此处发布您的图片，我无法打开您的链接基本上游戏是bg分区内的分区，我必须滚动浏览。@mobinblack查看编辑后的答案，并给出您的反馈，因为这样游戏会因为是儿童而卡住。什么是游戏？您没有提供他们的代码/css。。。此外，最好在此处发布您的图片，我无法打开您的链接基本上游戏是bg分区内的分区，我必须滚动浏览。@mobinblack请查看编辑后的答案并给出您的反馈