在浏览器底部的导航栏下方获取 single-page 个网站

Question

好的，所以标题可能听起来令人困惑，我不确定。我有一个正在本地工作的网站，导航栏从页面底部开始，然后向上滚动并固定在浏览器的顶部。但是，我遇到的问题是让 #pageContent 位于导航栏下方。它占据了 上方的 space 和下方的 。请查看我在下面链接的 CodePen，了解我的意思。

http://codepen.io/anon/pen/dGVmvx

注意 1： 我想在导航栏下方找到的 ID 是 #pageContent 和 #pageContentWrapper。它们可以在我的 CSS 的最底部找到，并且包含我的 HTML 中的所有 <br /><br />。如果我的想法正确的话，重点应该放在导航栏下方 #pageContent 上（因为它包含 #pageContentWrapper.

注意 2： 当他们占据我的导航栏上方的 space 时，他们覆盖了网站的登陆（或主页）部分。如果您注释掉背景颜色，您将能够看到它。

注意 3： 我只给了他们我做的背景，这样在视觉上对你们来说更容易，你可以区分你正在处理的部分和其他部分。一旦它们位于导航栏下方，背景将切换为白色（两者均适用）。

Answer 1

解决方案更简单，因为 div#pageContent 的位置是绝对值。给它一个 CSS 属性的 top:%100

div#pageContent {
  background: #d35400;  /* Set this to #fff once you get it where the page content is below the navbar like it should be */
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 98;
  top:100%;
}

在浏览器底部的导航栏下方获取 single-page 个网站

Get single-page website below navigation bar on bottom of browser

html

css

navbar