html左侧菜单栏
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>header</title>
<style type="text/css">
*{
margin: 0;padding: 0;}
ul,li{
list-style: none;}
a{
color:#333;}a:hover,a:focus,.maincolor,.maincolor a{
color:#06c}
.xiala1{
display: none;}
.list{
position: absolute;top:44px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto;
background-color:rgba(238,238,238,0.98);_background-color:rgb(238,238,238);border-right: 1px solid #e5e5e5}
.xiala1 li{
display:block;line-height:35px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #e5e5e5;font-weight:normal}
.xiala{
line-height:35px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #e5e5e5;font-weight:normal}
.xiala a{
text-decoration: none;}
#righter{
position: relative;top: 20px;left: 220px;