当页面上的内容较少时，React粘性页脚向上移动

Question

当页面上的内容较少时，我的Web应用程序的页脚将不会停留在底部。我被困住了，不知道从这里去哪里。有人可以帮我一个页脚，该页脚位于页面底部且位于任何内容下方吗？

const routing = (
    <Router>
        <div>
            <div>
                <Navbar />
                <Route exact path="/" component={() => (<Redirect to='/home' />)} />
                <Route path="/home" component={Home} />
                <Route path="/about" component={About} />
                <Route path="/films" component={Films} />
                <Route path="/markets" component={Markets} />
                <Route path="/news" component={News} />
                <Route path="/contact" component={Contact} />
                <Route path="/admin" component={Admin} />
                <Footer />
            </div>
        </div>
    </Router>
)

CSS：

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

它是这样的：

Answer 1

Sticky将不起作用，因为div被“视为相对定位，直到其包含的块超过了指定的阈值。”

尝试一下： 位置：绝对 底部：0

Answer 2

将页脚放在位置：绝对，在身体上放置位置：相对，因此您的页脚位置是相对于身体的。

然后底部应该是0或100，我忘了，但是任一个都应该使页脚贴到底。