主页 / 问题 / 1160869
Accepted
Treeshold
Asked:2020-08-01 16:45:34 +0000 UTC2020-08-01 16:45:34 +0000 UTC

如何将导航块移动到主块的水平

  • 772

有一个问题是导航块应该降低到主块的水平，以便它们都沿着 y 轴在一条直线上开始。

结果如何的一个例子：

结果示例

导航块代码

ul.nav {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}

ul.nav a {
  display: block;
  width: 14em;
  padding: 20px;
  background-color: #f4f4f4;
  border-top: 2px dashed #333;
  border-right: 2px dashed #333;
  border-left: 10px solid #333;
  text-decoration: none;
  color: #333;
}

ul.nav li:last-child a {
  border-bottom: 2px dashed #333;
}
<ul class="nav">
  <li><a href="index.html">Главная</a></li>
  <li><a href="about.html">О сервере</a></li>
  <li><a href="rules.html">Правила</a></li>
  <li><a href="donate.html">Донат</a></li>
  <li><a href="staff.html">Администрация</a></li>
</ul>

html

1 个回答

  1. Best Answer

    使用position:relative; top: ...;，top您设置从主块到页面开头的距离（据我了解）。如果你想让它更可靠，那么你可以将导航块和主块推到一个容器中，并且已经在里面玩position了top/left/right/bottom

    • 1

相关问题