html>
Document.page{
width:100%;
height:2000px;
}
*{
padding: 0;
margin: 0;
font-family: "microsoft yahei";
}
.nav{
width: 160px;
height: 40px;
background: #666;
position: fixed;
top: 50%;
left:0;
color:#fff;
line-height: 40px;
text-align: center;
margin-top: -82px;
cursor: pointer;
}
.nav_1{
border-bottom: 1px solid #fff;
}
.nav_1_content>div{
height:auto;
width: 160px;
border-bottom: 1px dashed #fff;
background: #666;
}
.nav_1:hover .nav_1_content{
display: block;
}
.nav_1_content{
color:red;
display: none;
position: absolute;
left:160px;
top:0;
}
.nav_3title{
width: 160px;
height: auto;
background: #666;
display: none;
color:violet;
position: absolute;
left:160px;
top:0;
}
.nav_3{
border-bottom: 1px solid #fff;
}
.nav_2:hover .nav_3title{
display:block;
}