我正在设置页脚，并且即使在页面顶部，页脚仍然可见，我希望将其固定在底部
我尝试使用position：fixed，flex但是它们都不起作用
footer
{
margin-bottom:0px;
background-color: black;
background-color:rgb(11,132,69);
color: white;
}
greensin.. 10
首先，您必须拥有很多可滚动的内容，然后为页脚div提供以下属性：
的CSS
position: fixed;
left: 0;
bottom: 0;
一个小注意事项是，您必须在页脚HTML元素内包含一些内容，以便使其呈现，我提供了以下文本A Footer!（如以下示例所示）
除了给出a之外，position: fixed您还需要指导div的固定位置。我相信它的默认设置是固定在左上方。因此，可以将其固定在底部，然后添加left: 0并bottom: 0使其表现出所需的效果。
代码游乐场示例
我举了一个小例子供您查看，可以在这里随意游玩。看起来像这样，您可以看到滚动手柄位于红色标记的滚动轨道的中间，而页脚则固定在底部想要它。
演示版
一小记
position: fixed是你想要的。它将固定divs的位置，而不依赖于滚动事件。position: sticky是position: relative默认情况下的一种组合，position: fixed当您向下滚动足够时，该组合会依次变为，然后div将被固定。- position: sticky目前处于实验阶段，IE不支持。
首先，您必须拥有很多可滚动的内容，然后为页脚div提供以下属性：
的CSS
position: fixed;
left: 0;
bottom: 0;
一个小注意事项是，您必须在页脚HTML元素内包含一些内容，以便使其呈现，我提供了以下文本A Footer!（如以下示例所示）
除了给出a之外，position: fixed您还需要指导div的固定位置。我相信它的默认设置是固定在左上方。因此，可以将其固定在底部，然后添加left: 0并bottom: 0使其表现出所需的效果。
代码游乐场示例
我举了一个小例子供您查看，可以在这里随意游玩。看起来像这样，您可以看到滚动手柄位于红色标记的滚动轨道的中间，而页脚则固定在底部想要它。
演示版
一小记
position: fixed是你想要的。它将固定divs的位置，而不依赖于滚动事件。position: sticky是position: relative默认情况下的一种组合，position: fixed当您向下滚动足够时，该组合会依次变为，然后div将被固定。- position: sticky目前处于实验阶段，IE不支持。
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 
