HTML布局底部固定

发布于 2019-06-09  113 次阅读


css -- footer(底部固定)

  • 怎么将底部固定
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>footer</title>
    <style>
    html {
      position: relative;
      min-height: 100%;
    }
    body {
      margin: 0;
      margin-bottom: 60px;
    }
      footer {
        position: absolute;
        bottom: 0;
        width: 100% ;
        height: 60px;
        background-color: #000;
      }
      p {
        color: #fff;
      }
    </style>
  </head>
  <body>
    <footer>
      <p>底部</p>
    </footer>
  </body>
</html>

还是好热爱web开发