Question

有时在我的网站上，文本行很少或内容很少。

在这种情况下，页脚显示在页面下方内容下方。这不会给页面带来漂亮的外观。

赞：

当我添加CSS时：

.ar-footer{
   position:absolute;
   bottom:0px;
   left:0px;
   right:0px;
   width:100%;
 }

页脚内容已更改。像这样：

如何解决？如果内容少或多，我想将页脚部分固定在页面底部。

Answer 1

像这样构造基本的HTML标记：

def transform(ref, pose):
    n, d = pose.shape
    p = ref[:, :d].copy()
    c = np.cos(ref[:, 2])
    s = np.sin(ref[:, 2])

    for i in range(n):
        p[i,:2] += pose[i,:2].dot(np.array([[c[i], s[i]], [-s[i], c[i]]]))

    return p

然后在您的CSS中添加

<body>
  <header></header>
  <div id="wrap"></div>
  <footer></footer>
</body>

超级简单，可在所有浏览器上使用。将所有其他标记添加到#wrap中。如果有帮助，您也可以将标头放在包装内。只要确保包裹在页脚之前即可。

Answer 2

如果主要内容有CSS，请添加

#maincontent{
flex-grow: 1;
}

如果没有，您可以尝试将其添加到正文标签 [不确定是否可以通过

body{
flex-grow: 1;
}

这将迫使您的内容占据全部显示位置，并且页脚应停留在底部

当页面内容较少时，如何将页脚停留在网站底部？

2 个答案: