时间戳

首页 > 解决方案 > 为什么我的页脚显示在我的页面顶部？

html - 为什么我的页脚显示在我的页面顶部？

问题描述

我有一个非常简单的代码，但不知何故页脚显示在我的页面顶部。如您所见，我没有使用任何浮点数、包装器、网格或其他任何东西。您可以在此文本下方找到代码。谁能帮我弄清楚为什么会发生这种情况，以及如何防止这种情况在未来再次发生？先感谢您！

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<style type="text/css">

body {
      margin:0px;
     }


main {
      margin: 1cm auto;
      width: 50%;
      padding: 1cm;
      border: 1px solid black;
     }


 nav {
     border: 1px solid black;
     }
</style>
</head>

<body>
<footer> Service Networking </footer>

<nav>
   <label>Name: <input type="text" name="name"> </label>
   <label>Surname: <input type="text" name="surname"> </label>
</nav>

<main>
   <h1> Welcome! </h1>
   <p> This is your first page </p>
</main>
</body>

</html>

标签： htmlcssfooter

解决方案

尝试将页脚标签放在主要标签之后。

推荐阅读