Question

好，所以我在屏幕的左侧有一个段落，在屏幕的右侧有一个图像，并且我的网页下方有一个页脚。因此，每当我调整浏览器窗口的大小时，图像就会按预期的那样位于段落下方，但随后页脚突然跳起来，并覆盖了段落。我该如何解决这个问题？

Answer 1

<html>
<style>
   #page-container {
   position: relative;
   min-height: 100vh;
  }
  #content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
  }
  #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
 }
 </style>
 <body>
 <div id="page-container">
 <div id="content-wrap">
 <!-- all other page content -->
 </div>
  <footer id="footer"></footer>
 </div>
 </body>
 </html>
 To set footers on the bottom.

调整浏览器窗口大小时，页脚会跳到文本上

1 个答案: