Question

我正在尝试在蓝色标题下添加文本字段。我添加了一个div和一个<p>但它所做的只是在我的标题上移动一个小空格。

我该如何解决这个问题？

Answer 1

从position样式中删除header CSS属性。

Answer 2

如前所述，您可以移除该位置。或者，在CSS中为类padding-top添加bio值，并将其设置为至少等于标题的高度（75px似乎没问题）。

问题是position: fixed;导致header元素没有占用通常空间的空间，因此你需要在第一个元素之上创建一个空格的缓冲区，以便最初占用你的标题空间会的。

Answer 3

您还可以将标题类的position属性更改为position: static;。

static是默认值，因此只需删除该属性即可。

Answer 4

你的定位是问题所在。您正在设置固定位置，但未设置定位位置：

header {
    position: fixed;
    width: 100%;
    background: #4168a8;
    top: 0; /* specifying where you want to place the fixed item */
}

一旦你这样做，你会看到你的内容现在固定在顶部，但div现在低于固定项目。您需要为其下方的任何项目设置上边距，使其大于导航栏的高度，以便正确显示。