利用CSS的浮动属性，可以很容易的制作网上常见的横向菜单。

打开我们的小例子index.html，我们将利用CSS的浮动属性把导航菜单做成横向菜单。导航部分的htnl代码如下：

如下图所示，没有定义CSS，就是普通的由上至下文档流方式：

注意我们在《改进的小例子-5》中已经做了全局基本设定，所以上图显示的是设定后的效果。

定义header及logo

如果您只是想了解横向菜单的制作，这一步可以略过。教程里有这一步，是为了同时完善整个例子的header标签。

效果如下所示：

从图上可以看出，由于浮动的效果，menu这个div已经包含在header内了而不是普通的文档流布局。

至此，已经完成了横向菜单的制作，您可以发挥自己的想象，制作出更漂亮的菜单效果来。有的网站不是用h2标签而以li标签列出菜单列表，其制作原理是一样的。