Question

html 纯css全屏下拉菜单

求类似于图片这样的纯css全屏下拉导航，要求下拉与一级左对齐！

Answer 1

  <ul>
	<li>首页</li>
	<li>产品中心<div class="a1"><a href="#">二级栏目</a><a href="#">二级栏目</a><a href="#">二级栏目</a></div></li>
	<li>服务支持<div class="a1"><a href="#">网络服务</a><a href="#">服务体系</a><a href="#">服务规范</a></div></li>
  </ul>
  <style type="text/css">
  ul li{width:100px;height:45px;border:#000;float:left;list-style:none;}
  ul li .a1{display:none;}
  ul li:hover .a1{display:block;}
  ul li .a1 a{display:block;}
  </style>

追问

二级导航背景下拉框也是全屏的~！你这无二级下拉背景~

追答

那你就自己加一个背景啊