将div固定在屏幕顶部

Question

因此，我使用HTML div和table元素制作了导航栏。

＆＃13;

＆＃13;

.menu {
  background-color: black;
  color: white;
  font-family: Segoe UI;
}

＆＃13;

<div class="menu">
  <table border="0" cellspacing="10">
    <tr>
      <td>Home</td>
      <td>About</td>
      <td>Login</td>
    </tr>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;

当然，它现在还没有完成，请不要问为什么我没有使用无序列表<ul>而不是表格。

所以，我想在屏幕顶部修复此菜单。在div之前没有留下空格。这是什么CSS代码？

Answer 1

＆＃13;

＆＃13;

body {
  margin: 0;
}

.menu {
  background-color: black;
  color: white;
  font-family: Segoe UI;
}

＆＃13;

<div class="menu">
  <table border="0" cellspacing="10">
    <tr>
      <td>Home</td>
      <td>About</td>
      <td>Login</td>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用css属性position : fixed;和width : 100%在所有屏幕上显示

Answer 3

尝试遵循CSS代码：

.menu {
  background-color: black;
  color: white;
  font-family: Segoe UI;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}