Css 引导-在导航栏div外设置徽标

在此示例站点中：

---

我想要一个像上面的导航栏一样的导航栏，但在“项目名称”的地方，我想要一个比导航栏其他部分高的徽标，但我希望徽标伸出底部，不需要调整div的大小以适应更大的徽标高度。

您可以通过对徽标元素使用

绝对定位来实现这一点。这将使它脱离正常的页面流，并允许您更精确地定位它

.logo {
  position: absolute;
  z-index: 1;
  // Use your own values for anything below this line.
  left: 20px;
  top: 20px;
  height: 50px;
  width: 200px;
}

为此，您需要确保容器元素定位为
relative
，在这种情况下是
navbar
div.
z-index
确保徽标显示在navbar顶部

<div class="nav navbar">
  <a class="logo">
    My Logo
  </a>
</div>


我的标志
您可以通过对徽标元素使用
绝对定位来实现这一点。这将使它脱离正常的页面流，并允许您更精确地定位它

.logo {
  position: absolute;
  z-index: 1;
  // Use your own values for anything below this line.
  left: 20px;
  top: 20px;
  height: 50px;
  width: 200px;
}

为此，您需要确保容器元素定位为
relative
，在这种情况下是
navbar
div.
z-index
确保徽标显示在navbar顶部

<div class="nav navbar">
  <a class="logo">
    My Logo
  </a>
</div>


我的标志