<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:100pxheight:45pxborder:#000float:leftlist-style:none}
ul li .a1{display:none}
ul li:hover .a1{display:block}
ul li .a1 a{display:block}
</style>
纯css实现不到那个程度，因为，你想象，
在body里放一个div------让这个div无论何时都100％显示(里面要有内容不然显示不了,比如<img>,<p>，他们的长宽参数也设置成100%或者70％等等)－
当浏览器窗口长宽变化时，div和里面的内容总是跟着动的，这能做到（电脑屏幕如果只有800，那网页就会自动变长），但是要注意这绝对满足不了‘全屏’的要求，拉伸了面积，但是字号、边框宽度都是不变的，所以等于是在改变layout。
如果要做这个效果的话（拉伸浏览器、实时拉伸里面的内容使之永远‘全屏’）：
在以前多是选择做成一个大的flash,100％的长宽贴在网页上，调一些scale参数(方便)，
现在flash变的不那么流行了你可以用javascrip实现(有点麻烦，很少见到这样实现的)，
或者html5的canvas能够达到此效果（可惜ie8以下就别想兼容了）
