css 侧边栏与页脚重叠

ubbxdtey 于 2023-05-02 发布在其他

关注(0)|答案(1)|浏览(102)

#allcontents {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#sidebar {
  padding: 10px;
  position: sticky;
  top: 20px;
  left: 10px;
  width: 150px;
  border-right: 1px solid black;
  float: left;
}

#main {
  padding: 15px;
  margin-left: 330px;
  margin-bottom: 10px background-color:green;
  width: 800px;
}

#footer {
  background-color: gray;
  clear: left;
}

<!doctype html>
<html>...

<body>
  <div id="allcontents">
    <div id="sidebar">
      random contents
    </div>
    <div id="main">
    </div>
    <div id="footer">
    </div>
  </div>
</body>

</html>

当我向下滚动页面时，侧边栏内容与页脚重叠。
我该怎么解决？

css

来源：https://stackoverflow.com/questions/76111002/sidebar-is-overlapping-footer