Css 具有绝对位置响应设计的页脚_Css_Html_Position_Footer_Absolute

Css 具有绝对位置响应设计的页脚

css html

Css 具有绝对位置响应设计的页脚,css,html,position,footer,absolute,Css,Html,Position,Footer,Absolute,我的响应性设计有点问题。我使用的是这种样式的普通 footer { width: 100%; height: 20px; position: absolute; bottom: 5px; left: 0; } 它工作正常，当我使用较小的屏幕时，我必须滚动，这是正常的问题是不在底部。它在屏幕中央。如页边距顶部：全屏100%，无需滚动我希望你明白我的意思谢谢想法是将元件固定在底部。使用底部或边距底部参数设置底部偏移你可以这样做： footer { positi

我的响应性设计有点问题。我使用的是这种样式的普通

footer {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 0;
}

它工作正常，当我使用较小的屏幕时，我必须滚动，这是正常的

问题是

不在底部。它在屏幕中央。如

页边距顶部：全屏100%

，无需滚动

我希望你明白我的意思

谢谢

想法是将元件固定在底部。使用底部或边距底部参数设置底部偏移

你可以这样做：

footer {
    position:fixed;
    height:20px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

这样做的目的是将元素固定在底部。使用底部或边距底部参数设置底部偏移

你可以这样做：

footer {
    position:fixed;
    height:20px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

这样做的目的是将元素固定在底部。使用底部或边距底部参数设置底部偏移

你可以这样做：

footer {
    position:fixed;
    height:20px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

这样做的目的是将元素固定在底部。使用底部或边距底部参数设置底部偏移

你可以这样做：

footer {
    position:fixed;
    height:20px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

我希望我能正确地理解你的问题。您的问题是，当页面中几乎没有内容时，页脚位于屏幕中间，对吗

要解决这个问题，您应该让父元素占据整个屏幕。比如说,

<head>
<style>
footer {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
body {
    min-height: 100%;
}
</style>
</head>
<body>
<div>
    some other content
</div>
<footer>
    Some content inside footer
</footer>
</body>


页脚{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：5px；
左：0；
}
身体{
最小高度：100%；
}
其他一些内容
页脚内的某些内容

或者，如果您不介意页脚在屏幕底部始终可见，请使用position:fixed。那么你不需要考虑父元素的高度。

< p>我希望我能正确地解决你的问题。您的问题是，当页面中几乎没有内容时，页脚位于屏幕中间，对吗

要解决这个问题，您应该让父元素占据整个屏幕。比如说,

<head>
<style>
footer {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
body {
    min-height: 100%;
}
</style>
</head>
<body>
<div>
    some other content
</div>
<footer>
    Some content inside footer
</footer>
</body>


页脚{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：5px；
左：0；
}
身体{
最小高度：100%；
}
其他一些内容
页脚内的某些内容

或者，如果您不介意页脚在屏幕底部始终可见，请使用position:fixed。那么你不需要考虑父元素的高度。

< p>我希望我能正确地解决你的问题。您的问题是，当页面中几乎没有内容时，页脚位于屏幕中间，对吗

要解决这个问题，您应该让父元素占据整个屏幕。比如说,

<head>
<style>
footer {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
body {
    min-height: 100%;
}
</style>
</head>
<body>
<div>
    some other content
</div>
<footer>
    Some content inside footer
</footer>
</body>


页脚{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：5px；
左：0；
}
身体{
最小高度：100%；
}
其他一些内容
页脚内的某些内容

或者，如果您不介意页脚在屏幕底部始终可见，请使用position:fixed。那么你不需要考虑父元素的高度。

< p>我希望我能正确地解决你的问题。您的问题是，当页面中几乎没有内容时，页脚位于屏幕中间，对吗

要解决这个问题，您应该让父元素占据整个屏幕。比如说,

<head>
<style>
footer {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
body {
    min-height: 100%;
}
</style>
</head>
<body>
<div>
    some other content
</div>
<footer>
    Some content inside footer
</footer>
</body>


页脚{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：5px；
左：0；
}
身体{
最小高度：100%；
}
其他一些内容
页脚内的某些内容

或者，如果您不介意页脚在屏幕底部始终可见，请使用position:fixed。然后你不需要考虑父元素的高度。

使位置固定，这可能看起来类似于

 footer {
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 5px;
  left: 0;
}

使位置固定，这可能看起来像这样

 footer {
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 5px;
  left: 0;
}

使位置固定，这可能看起来像这样

 footer {
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 5px;
  left: 0;
}

使位置固定，这可能看起来像这样

 footer {
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 5px;
  left: 0;
}

请在发布前搜索该网站，这已经被问了很多次了。您正在寻找。谢谢！我不记得“粘性”这个词了。请在发帖前搜索这个网站，这个问题已经被问了很多次了。您正在寻找。谢谢！我不记得“粘性”这个词了。请在发帖前搜索这个网站，这个问题已经被问了很多次了。您正在寻找。谢谢！我不记得“粘性”这个词了。请在发帖前搜索这个网站，这个问题已经被问了很多次了。您正在寻找。谢谢！我不记得“粘性”这个词了。