CSS：如何阻止固定导航条与滚动条重叠？

我正在创建一个简单的布局。单击“搜索”后，导航栏将与侧栏滚动条重叠。我怎样才能解决这个问题

这是密码

$（'document'）.ready（函数（）{
$（'.search图标'）。单击（函数（）{
var search_form=$（'.search form'）；
if（搜索表单.hasClass（“表单打开”））
{
//窗体已打开，请关闭窗体
$（'.search form'）.toggle（）；
$（'.search form'）.removeClass（“form open”）；
}
其他的
{
//打开表单
$（'.search form'）.toggle（）；
$（'.search form'）.addClass（“form open”）；
}
});
});

保险商实验室{
列表样式类型：无；
}
内部分区{
最大宽度：1100px；
填充：0 15px；
保证金：0自动；
}
.导航{
背景色：#222；
位置：固定；
排名：0；
宽度：100%；
}
.导航站点名称{
字号：1.5em；
显示：内联块；
字体大小：粗体；
浮动：左；
颜色：#fff；
保证金：0；
填充：10px 10px；
}
.导航a{
颜色：#fff；
}
.nav ul a{
字号：1.5em；
显示：内联块；
填充：10px 10px；
}
.导航ul a：悬停{
背景色：#4a3f3f；
}
美国海军{
列表样式类型：无；
/*显示：内联块*/
浮动：对；
保证金：0；
}
李国荣先生{
浮动：左；
}
.clearfix:之后{
内容：''；
显示：块；
明确：两者皆有；
}
.清楚{
明确：两者皆有；
}
.nav.search图标{
背景：url（“https://media-mediatemple.netdna-ssl.com/wp-content/themes/smashing-magazine/assets/images/search-icon.svg）50%50%不重复#222；
字体大小：12px；
填充：18px 20px；
/*背景色：#d67474*/
显示：内联块；
背景尺寸：2.5em；
光标：指针；
利润上限：2.5px；
浮动：对；
}
.查册表格{
明确：两者皆有；
显示：无；
文本对齐：居中；
填充：5px0；
}
.搜索表格输入{
显示：内联块；
填充：6px 24px；
字体大小：16px；
大纲：无；
边框：1px实心；
边界半径：3px；
}
.搜索表单输入[type=“text”]{
宽度：20em；
左侧填充：10px；
}
.搜索表单按钮{
显示：内联块；
}
.主体.侧边栏{
位置：固定；
宽度：250px；
高度：500px；
溢出：滚动；
字体大小：1.2米；
溢出x：隐藏；
/*z指数：-1*/
}
.主体.侧栏.课程名称{
边际上限：0；
字体大小：2.2米；
}
.主体.侧栏ul{
左侧填充：20px；
}
.主体.侧边栏.课程{
字号：1.5em；
字体大小：粗体；
}
.主体.侧边栏李{
字体大小：1.2米；
线高：1.6；
}
.主体，主体{
/*边缘顶部：20px*/
边缘顶部：55px；
左边距：290px；
}
.主体.主体h2{
边际上限：0；
字号：21px；
}
.main body.main.code片段{
字号：1.8em；
}







标题
第一章

项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5

标题1
Lorem ipsum dolor sit amet，奉献精英。在身体的各个部位都有一种不适感，这种不适感是由于实验室的必要性造成的。Lorem ipsum dolor sit amet，奉献精英。动物，罪魁祸首是什么？我要去喝一杯！Accusantium、Consequatural doloremque fugit laudantium optio Paritatur placeat repellat Sequei

.nav{z-index:1;}

.nav {
    background-color: #222;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}