CSS 如何在固定位置导航栏下添加内容

Question

我有一个固定位置的导航栏。导航栏的高度是 50px

我想在导航栏下放一些文字，但我不知道怎么做。

Answer 1

在您的 css 文件中添加此行：

body { padding-top: 50px; }

或：

.some-text { padding-top: 50px; }

Answer 2

.navbar {
  position: fixed;
  height:50px;
  width:100%;
  background: #333;
}
.contents-under {
  padding-top: 50px;
}

<div class="navbar">
  Your Navbar
</div>
<div class="contents-under">
  some contents under navbar
</div>

CSS How to add content under fixed position navbar