1.左边栏
css样式
*{margin:0px;padding:0px;}
a{text-decoration:none;}
#menu{width:210px;height:468px;background:#C81623;position:relative;left:70px;top:120px;}
#menu ul li{list-style:none;width:100%;height:30px;/*background:blue;*/line-height:30px;}
#menu>ul>li{/*color:white;*/font-size:14px;/*font-size:16px;*//*font-family:微软雅黑 ;*/font-family:microsoft yahei;}
#menu>ul>li>a{color:white;margin-left:10px;}
#menu>ul>li>span{float:right;margin-right:10px;color:#F7F7F7;}
#menu>ul>li:hover>a{color:#C81623;}
#menu>ul>li>ul{width:300px;height:468px;background:#CCC;/*display:none;*/position:absolute;top:0px;left:210px;display:none;}
#menu>ul>li>ul>li{height:30px;width:100%;}
#menu>ul>li>ul>li>a{color:black;margin-left:10px;}
div
<div id="menu">
<ul>
<li>
<a href="#">家用电器</a><span>></span>
<ul>[]
<li><a href="">大家电</a></li>
<li><a href="">小家电</a></li>
<li><a href="">生活电器</a></li>
