横导航栏与纵向导航栏代码的主要区别是占比不同1横向导航，高度占比可以很小导航内容较少时，没什么问题导航内容多的话，在有限的屏幕宽度下，就会出现一定的限制加上常规鼠标在横向操控不方便，需要借助滚动条等。

方法和详细的操作步骤如下1第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤2第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤3第。

最终的效果就是添加一个主导航然后再在主导航里添加两三个二级导航，这样在你接下来的修改才能看到明显的效果这一步就是设置二级导航的样式，也就是图片的箭头所指的位置，这里可设置成1菜单样式，2横排样式，两种效果。

1第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤2第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤3第三步，执行完上面的操作之后。

至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。