Html 当im全屏显示时，页脚不在底部（F11）_Html_Css

Html 当im全屏显示时，页脚不在底部（F11）

html css

Html 当im全屏显示时，页脚不在底部（F11）,html,css,Html,Css,我已经为我的网站制作了页脚，在我按下f11/进入全屏之前，它工作得很好。在全屏上，页脚突然不是一直放在底部，而是在我的页脚和页面底部之间有一个空间，只有白色/我的背景色。如下面链接的图片所示：正常：全屏显示： html 页脚{ 背景色：#000000；边框颜色：#000000；位置：相对位置；线高：10px；宽度：100%；高度：50px；底部：0px；左：0；右：0；文本对齐：居中；线高：50px；字体大小：10px； } 文本你几乎拥有了它。如果希望它始终位于

我已经为我的网站制作了页脚，在我按下f11/进入全屏之前，它工作得很好。在全屏上，页脚突然不是一直放在底部，而是在我的页脚和页面底部之间有一个空间，只有白色/我的背景色。如下面链接的图片所示：

正常：全屏显示：

html

页脚{
背景色：#000000；
边框颜色：#000000；
位置：相对位置；
线高：10px；
宽度：100%；
高度：50px；
底部：0px；
左：0；
右：0；
文本对齐：居中；
线高：50px；
字体大小：10px；
}


文本

你几乎拥有了它。如果希望它始终位于页面末尾（即使滚动），请使用

position:absolute

。为了避免它覆盖滚动条末尾的内容，请在底部填充

html

标记

html{
填充底部：50px；
}
页脚{
背景色：#000000；
边框颜色：#000000；
位置：绝对位置；
线高：10px；
宽度：100%；
高度：50px；
底部：0px；
左：0；
右：0；
文本对齐：居中；
线高：50px；
字体大小：10px；
}


文本

解决这个问题有多种方法

您可以使用将以下内容添加到页脚：

位置：绝对位置；
底部：0；
左：0；
宽度：100%

车身{
背景：白色；
颜色：黑色；
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
.英尺{
背景：黑色；
颜色：浅蓝色；
底部：0；
位置：固定；
宽度：100%；
身高：18%；
}

试试这个，当我在为同样的问题挣扎时，它对我起了作用

谢谢，但当我不在全屏时，它会一直滚动到底，它看起来像这样，并在我的盒子上剪辑：@pat，查看我的编辑我明白了，但它对我来说仍然不起作用，因为某些原因我的代码一定有问题，但是当用户通过css进入全屏时，有没有办法使位置绝对化？因为在我进入全屏之前，相对位置可以正常工作，而绝对位置只能在我进入全屏而不是正常状态时工作screen@pat，可用于检测不同的屏幕大小。尝试使用边距底部和填充底部来解决此问题

    body{
    background:white;
    color:darksalmon;
   padding:0;
    margin:0;
    height:100%;
     width:100%;
     }
     .foot{
 background:black; 
    color:lightblue;
   bottom:0;
   position:fixed;
     width:100%;
   height:18%;
  }

    <body>
      <div class="foot">
     <footer>
      <a href="#">text</a>
       </footer>
        </div>