html - 页脚。它重叠在 div 上

Question

我的网站页脚有问题。它与内容 div 重叠。我有这样的结构:

#content {
  width: 80%;
  color: white;
  margin: 0 auto;
  font-family: "Arial";
  clear: both;
}
#footer {
  font-family: "Arial";
  left: 0;
  right: 0;
  bottom: 0;
  color: #E6E6E6;
  padding: 2%;
  font-size: 70%;
  text-align: center;
  position: absolute;
}

<div id="content">
  <div id="logo">
    <img logo here>
  </div>

  <div id="paragraph">
    <p>here
  </div>

  <div id="footer">
    Footer content
  </div>
</div>

问题是我在一个页面中有一张图片和一个段落，它看起来不错，因为它没有触及页脚位置。但是当我有需要滚动的文本时，页脚会重叠在其中

Answer 1

因为你使用的是 position:absolute;这意味着任何具有绝对位置的元素无论如何都会被放置在那里，所以你最好使用 position:relative;