<!DOCTYPE HTML>
<html>
<head>
<title>css简单导航触到主菜单显示子菜单横栏展示</title>
<style type="text/css">
body{ text-align:center; margin:0px; padding:0px;}
.header{margin:0 auto; width:1200px; height:200px; background-color:Gray; }
.mainmenu ul{float:left; width:100px; background-color:White;}
.mainmenu ul li{list-style:none; height:54px;float:left; }
.mainmenu ul li:hover ul{display:block;height:25px; background-color:transparent;}
.mainmenu ul li ul{width:1000px; display:none; float:left; position:absolute; left:50px; top:40px; color:red; z-index:2;}
.mainmenu ul li ul li{float:left; width:100px; height:25px;}
a{ text-decoration:none; color:Red;}
.submenu{float:left; position:absolute; z-index:1; top:40px; background-color:Blue; width:100
<html>
<head>
<title>css简单导航触到主菜单显示子菜单横栏展示</title>
<style type="text/css">
body{ text-align:center; margin:0px; padding:0px;}
.header{margin:0 auto; width:1200px; height:200px; background-color:Gray; }
.mainmenu ul{float:left; width:100px; background-color:White;}
.mainmenu ul li{list-style:none; height:54px;float:left; }
.mainmenu ul li:hover ul{display:block;height:25px; background-color:transparent;}
.mainmenu ul li ul{width:1000px; display:none; float:left; position:absolute; left:50px; top:40px; color:red; z-index:2;}
.mainmenu ul li ul li{float:left; width:100px; height:25px;}
a{ text-decoration:none; color:Red;}
.submenu{float:left; position:absolute; z-index:1; top:40px; background-color:Blue; width:100