HTMLheard三级下拉菜单+页面上中下布局

css样式：
*{margin :0px;padding :0px;}/清除网页自带内外边距/
a {text-decoration :none ;color:#D18B8C; }/去除标签下划线/
.clear{clear: both;}
ul{list-style: none;}
.header{width :100%;height :40px;background :#E7CDCE;}

.content_ul li{float: left;display: block;width: 100px;text-align: center;height :40px;}
.content_ul li a{color: darkgreen;font-size: 13px;display: inline-block;padding: 10px 24px;line-height: 20px;}
.content_ul li a:hover{color:black; background-color: #fff5f5;}

.content_ul_1{float: right;height: 40px;line-height: 40px;}
.content_ul_1 li{float:left;height: 40px;}
.content_ul_1 li a{color: darkgreen;font-size: 13px;}
.content_ul_1 li a:hover{color:black;}

.content_li{width:90px;text-align:center;background:#DB1E21;font-size: 13px;position: relative;}

.content_ul li ul {width:90px; position: relative;display: none;}
.content_ul li ul li{background: #EFD3D4;position:relative;}
.content_ul li:hover ul{display: block;}/当鼠标滑过一级菜单时显示二级菜单/

.content_ul li:hover ul li ul{display:none;}
.content_ul li ul li ul {left: 110px;top: -40px;position: relative;}
.content_ul li ul li ul li{left: -10px;background: #EFD3D4;position:relative;}
.content_ul li ul li:hover ul{display: block;}/鼠标划过二级菜单的时候对应的三级菜单显示/

.content{width :100%;height :200px}
.footer{width :100%;height :40px;background:#808080;}