第八天下级及多级弹出菜单.docVIP

第八天　下拉及多级弹出菜单 今天我们开始学习《十天学会web标准(div+css)》的下拉及多级弹出菜单，包含以下内容和知识点： 带下拉子菜单的导航菜单 绝对定位和浮动的区别和运用 css自适应宽度滑动门菜单 带下拉子菜单的导航菜单 拉菜单在一些企业网站应用尤为广泛，它存在使用方便，占用空间小等特点。之前纵向导航教程中已使用过二级导航，今天制作下横向导航菜单的二级菜单，方法和纵向一样，只不过由纵向改变为横向而已，下面我们以上一章第二节用图片美化的横向导航中的实例进行修改。 先在html代码增加二级菜单的代码： div id=menu ul lia id=current href=#首页/a/li lia href=#网页版式/a ul lia href=#自适应宽度/a/li lia href=#固定宽度/a/li /ul /li lia href=#web教程/a ul lia href=#新手入门/a/li lia href=#视频教程/a/li lia href=#常见问题/a/li /ul /li lia href=#web实例/a/li lia href=#常用代码/a/li /ul /div 增加完代码后，在浏览器里预览一下： 是不是一看头都大了，怎么变成这样了。别懵，我们分析一下错乱的原因。首先我们看下“自适应宽度”和“固定宽度”两个二级菜单也继承了一级菜单的背