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>