右侧固定位置导航栏html,将HTML元素设置为相对位置覆盖顶部导航栏设置为固定...

我有一个顶部导航栏设置为固定位置，并且我有一个文章元素设置为窗口高度。当我将文章元素设置为相对时，导航栏不再显示。将HTML元素设置为相对位置覆盖顶部导航栏设置为固定

我怎样才能让文章是窗口高度和导航栏只是有点休息。

这是我的代码。

• Home
• My Work
• Contact

Hello I'm

Sebastian

Web Developer | Corona SDK Developer | PHP Junkie

而CSS

#navWrap{

height: 100px;

width: 100%;

position: fixed;

}

nav{

width: 300px;

padding-top: 39px;

float: right;

}

nav ul{

list-style: none;

margin: 0px;

padding: 0px;

}

nav ul li{

display: inline;

margin-right: 30px;

}

nav ul li a{

text-decoration: none;

font-family: 'Open Sans', sans-serif;

padding: 0px 0px 5px 0px;

margin: 0px;

color: #fff;

}

nav ul li a:hover{

border-bottom: 1px solid #fff;

}

/*Used to clear floats*/

.clearIt{

clear: both;

}

#headWrap{

width: 100%;

height: 100px;

background-color: #2980b9;

position: relative;

}

而且JS使文章窗口高度

$("#headWrap").height($(window).height());