Html 引导映像粘贴在屏幕顶部

对于一个类，我必须创建一个网站，在导航栏的正下方有一张图片，但由于某种原因，我无法理解，图片显示在导航栏中，而不是在导航栏下方。有人能解释一下为什么会发生这种情况以及如何解决它吗？谢谢

<div class="row">
 <nav class="navbar-fixed-top">
   <div class="container-fluid">
    <div class="navbar-header">
    <ul class="nav navbar-nav" id="mainNav">
        <li><a href="###">Locations</a></li>
        <li><a href="###">Special Events</a></li>
        <li><a href="###">Breakfast</a></li>
        <li><a href="###">Lunch</a></li>
        <li><a href="###" class="active">Liam's Food Fusion</a></li>
        <li><a href="###">Dinner</a></li>
        <li><a href="###">Apps and Extras</a></li>
        <li><a href="###">Online Ordering</a></li>
        <li><a href="###">Contact Us</a></li>

    </ul>
  </div>
    </div>
</nav>
  </div>
 <!--    end navigation  -->
 <div class="row">
  <div class="container-fluid">
   <div class="col-md-4" id="logopic">
    <img src="images/food fusion logo.png" />
</div>
</div>
</div>

导航栏固定顶部

的css使用绝对定位将其置于其他所有内容的顶部。在css中使用绝对定位不会将其他容器推到它下面，它只是将自身定位到它们上面

如果要向下移动下一个div，可以在其上添加与导航栏高度相等的填充或边距（如果知道），或者使用相对定位而不是绝对定位

查看这个引导示例的示例可能有助于您理解。

---

请注意，Fixed Top示例中的

body

标记具有顶部填充。静态顶部示例

主体

没有填充顶部，因为导航栏是使用相对定位而不是绝对定位放置的

navbar fixed top

的css使用绝对定位将其置于其他所有内容的顶部。在css中使用绝对定位不会将其他容器推到它下面，它只是将自身定位到它们上面

如果要向下移动下一个div，可以在其上添加与导航栏高度相等的填充或边距（如果知道），或者使用相对定位而不是绝对定位

查看这个引导示例的示例可能有助于您理解。

---

请注意，Fixed Top示例中的

body

标记具有顶部填充。静态顶部示例

主体

没有填充顶部，因为导航栏是使用相对定位而不是绝对定位放置的

我认为您需要在

nav

元素中设置类，如下所示：

<nav class="navbar navbar-default navbar-fixed-top">

（根据文件：）

请参见下面的演示：

.body{
填充顶部：70px；
}

我认为您需要在

nav

元素中设置类，如下所示：

<nav class="navbar navbar-default navbar-fixed-top">

（根据文件：）

请参见下面的演示：

.body{
填充顶部：70px；
}

由于导航栏使用“导航栏固定顶部”类，因此它是固定的，因此不会影响其他元素的放置。您应该做的是在图像或其容器的顶部添加边距。另外，我相当确定您不需要导航栏的外部，它可能会弄乱一些东西。

由于导航栏使用“navbar fixed top”类，它是固定的，因此不会影响其他元素的放置。您应该做的是在图像或其容器的顶部添加边距。另外，我相当肯定你不需要导航栏的外部，它可能会弄乱一些东西。

类

导航栏固定顶部的
位置：fixed
导致导航元素位于页面上的所有内容之上（想想3D）。所以，图像的作用是，它位于它认为是页面顶部的位置，导航栏位于顶部

因此，您几乎可以从nav元素中删除
.navbar fixed top
类，或者在围绕导航栏后面的内容的div中添加边距top（在本例中为
）

这里有一个例子。
类
导航栏固定顶部的
位置：fixed
导致导航元素位于页面上所有内容的上方（想想3D）。所以图像的情况是，它位于它认为是页面顶部的位置，导航栏位于顶部

因此，您几乎可以从nav元素中删除
.navbar fixed top
类，或者在围绕导航栏后面的内容的div中添加边距top（在本例中为
）

这里有一个例子。
类应该是“navbar navbar fixed top”Ibelieve@KevinLewis嗯，让我来check@KevinLewis你是对的！-我引用的是使用不同方法的v4.1。-感谢指针。类应该是“navbar navbar fixed top”我believe@KevinLewis嗯，让我来check@KevinLewis你是对的！-我引用的是使用不同方法的v4.1。-谢谢你的指针。