Html 添加内容div时，无法访问悬停时的子菜单

我正在尝试设计一个带有水平导航栏和侧栏的网站。当我添加了一个div（content）阻碍子菜单时，问题就开始了

我正在添加代码供您参考。请帮帮我

html，
身体{
身高：100%；
保证金：0；
填充：0；
-webkit用户选择：无；
-moz用户选择：-moz无；
-ms用户选择：无；
用户选择：无；
}
.标题{
宽度：100%；
高度：60px；
}
/*http://jsfiddle.net/EnKwU/4/*/
.导航{
文本对齐：居中；
宽度：85%；
填充：10px；
保证金：12px 50px 50px 120px；
浮动：左；
}
美国海军{
显示：无；
位置：固定；
}
.nav ul li：悬停>ul{
显示：块；
}
美国海军{
背景色：#fff；
边缘顶部：10px；
填充：0 20px；
列表样式：无；
位置：相对位置；
显示：内联块；
缩放：1；
*显示：内联；
右边距：-80px；
字体系列：“Lato”，无衬线；
文本转换：大写；
字号：1em；
}
李国荣先生{
浮动：左；
}
.nav ul li:悬停{
边框底部：5px实心#339966；
颜色：#fff；
}
.nav ul li a:悬停{
颜色：#ffffff；
背景：#1bbc9b；
}
李丽娜先生{
显示：块；
填充：0.3em 0.8em；
字体系列：“Lato”，无衬线；
字号：0.9em；
颜色：#444；
文字装饰：无；
}
美国海军{
背景色：#fff；
边界半径：0；
填充：0；
位置：绝对位置；
最高：100%；
盒影：0.9像素rgba（0,0,0,0.15）；
}
李国荣先生{
浮动：无；
位置：相对位置；
字体系列：“Lato”，无衬线；
文本转换：大写；
字号：0.85em；
}
李丽娜先生{
填充：0.4em 1.2em；
颜色：#000；
字体系列：“Lato”，无衬线；
文本转换：大写；
字号：1em；
}
.海军：在{
内容：“；
显示：块；
高度：20px；
位置：绝对位置；
顶部：-20px；
宽度：100%；
}
.导航1{
位置：绝对位置；
左：25px；
顶部：160px；
底部：0；
宽度：25%；
浮动：左；
}
.内容{
边框：1px纯黑；
位置：绝对位置；
左：26%；
顶部：140px；
底部：0；
宽度：75%；
浮动：左；
}
/*http://www.9lessons.info/2012/06/simple-drop-down-menu-with-jquery-and.html*/
.下拉列表{
颜色：#555；
利润率：3px-22px 0；
宽度：143px；
位置：相对位置；
高度：17px；
文本对齐：左对齐；
浮动：对；
}
.子菜单{
背景：#fff；
位置：绝对位置；
顶部：-12px；
左：-20px；
z指数：100；
宽度：135px；
显示：无；
左边距：10px；
填充：40px 0 5px；
边界半径：6px；
盒影：0 2px 8px rgba（0,0,0,0.45）；
明确：两者皆有；
}
.下拉列表李a{
颜色：#555555；
显示：块；
字体系列：arial；
字体大小：粗体；
填充：6px 15px；
光标：指针；
文字装饰：无；
}
.下拉列表李a:悬停{
背景#155FB0；
颜色：#FFFFFF；
文字装饰：无；
}
a、 帐目{
字体大小：11px；
线高：16px；
颜色：#555；
位置：绝对位置；
z指数：110；
显示：块；
填充：11px 0 0 20px；
高度：28px；
宽度：121px；
利润率：-11px0-10px；
文字装饰：无；
背景：url（icons/arrow.png）116px 17px无重复；
光标：指针；
}
.根{
列表样式：无；
边际：0px；
填充：0px；
字体大小：11px；
填充：11px 0 0px；
边框顶部：1px实心#dedede；
}
/*  http://codepen.io/daniesy/pen/pfxFi 
图标：http://fontawesome.io/
*/
* {
填充：0；
保证金：0；
字体系列：“Lato”，无衬线；
框大小：边框框；
}
.向右浮动{
浮动：对；
}
法兰西{
字体大小：.8em；
线高：22px！重要；
}
.导航1{
显示：内联块；
利润率：20px 50px；
}
.nav1标签{
显示：块；
宽度：250px；
背景#ECF0F1；
填充：15px 20px；
}
nav1 ul li先生{
显示：块；
宽度：250px；
背景#ECF0F1；
填充：15px 20px；
}
.nav1标签：悬停{
背景：#1ABC9C；
颜色：白色；
光标：指针；
}
.nav1 ul li:悬停{
背景：#1ABC9C；
颜色：白色；
光标：指针；
}
.nav1标签{
颜色：#1ABC9C；
左边框：4px实心#1ABC9C；
边界半径：0 5px 0 0；
位置：相对位置；
z指数：2；
}
.nav1输入{
显示：无；
}
.nav1输入~ul{
位置：相对位置；
可见性：隐藏；
不透明度：0；
顶部：-20px；
z指数：1；
}
.nav1输入：选中+标签{
背景：#1ABC9C；
颜色：白色；
}
.nav1输入：已选中~ul{
能见度：可见；
不透明度：1；
排名：0；
}
.nav1 ul li a{
文字装饰：无；
}
.nav1 ul li:第n个孩子（1）{
左边框：4px实心#E74C3C；
}
.nav1 ul li:第n个孩子（1）.fa{
颜色：#E74C3C；
}
.nav1 ul li:第n个孩子（1）：悬停{
背景：#E74C3C；
颜色：白色；
字体大小：粗体；
}
.nav1 ul li:第n个孩子（2）{
左边框：4px实心#0072B5；
}
.nav1 ul li:第n个孩子（2）.fa{
颜色：#0072B5；
}
.nav1 ul li:第n个孩子（2）：悬停{
背景#0072B5；
颜色：白色；
字体大小：粗体；
}
.nav1 ul li:第n个孩子（3）{
左边框：4px实心#EC1559；
}
.nav1 ul li:第n个孩子（3）.fa{
颜色：#EC1559；
}
.nav1 ul li:第n个孩子（3）：悬停{
背景：#EC1559；
颜色：白色；
字体大小：粗体；
}

活动目录

您只需增加子菜单的大小，例如添加

.nav ul ul{
  z-index:99;
}

z-index属性指定元素及其子元素的z顺序 后代。当元素重叠时，z或

.content{
    z-index: -100;
}