Question

1）我的页脚没有粘在页面底部：

您将在下面找到投资组合网站的“关于我”页面。努力让页脚工作。它似乎显示在页面中间。

HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>About Me</title>
    <link rel ="stylesheet" href="https://necolas.github.io/normalize.css/8.0.0/normalize.css">
      <link href="style.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Alegreya|Kaushan+Script" rel="stylesheet">
    <div class="topnav">
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
            <a href="work.html">Work</a>
            <a href="contact.html">Contact</a>
          </div>
  </head>
  <body>
    <body background="img/background.jpg">
    <header>
      About Me!
    </header>
    <div>
        <h1>XXXX (Yes, one name like <em>Prince</em>) is an aspiring Full-Stack Developer, Student, Teacher, Mom to XXX, XXX's Personal Assistant, Part Time Dry Comedian, and a Red Velvet Cupcake connoisseur in XXXX.
        </h1>
    </div>
    <div>
      <p>
        I am a <span style="color:#ff4652">career changer</span> who is currently attending <a href="https://nycda.com/"target="_blank">The New York Code and Design Academy</a> in XXX. My goal is to become an ongoing learner in the tech world; taking on as many new coding languages and projects as possible and become involved in the tech community. The desire and strategy for my work is built on creative thinking, problem solving, clean code, and functionality.
      </p>
        <table width="960" border="0" cellspacing="10" cellpadding="70">
            <tbody>
                <tr align="center">
                    <td width="240" height="240">
                        <img src="http://placehold.it/300x300">
                    </td>
                    <td width="240" height="240">
                        <img src="http://placehold.it/300x300">
                    </td>
                    <td width="240" height="240">
                        <img src="http://placehold.it/300x300">
                    </td>
                </tr>
        </tbody>
        </table>
    </div>
    <div id="footer"</a>
      <footer>
        <a href="contact.html">Say Hi!</a>
      </footer>
    </div>
  </body>
</html>

这是我下面页脚样式表的一部分。

CSS：

    #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: #ff4652;
  /* opacity: 0.5%; */


}

页脚显示页面中间

0 个答案: