#menu {padding:20px 20px 0 0}

　　/*利用padding:20px 20px 0 0来固定菜单位置*/

　　#menu ul {float:right;list-style:none;margin:0px;}

　　/*添加了float:right使得菜单位于页面右侧*/

　　#menu ul li {float:left;margin:0 10px}

　　这时，位置已经确定了，可是构思图中，菜单选项之间还有一条竖线，怎么办呢？

　　别忘了，我们早就已经留好了一个空的<li class="menuDiv"></li>，要想加入竖线就使用它了。

　　按照上面说的方法，我们再添加以下代码：

　　.menuDiv {width:1px;height:28px;background:#999}

　　保存预览一下，竖线是否已经出来了？关于这段代码就不多讲了，应该是很容易理解的。

　　不过，菜单选项的文字却在顶部，我们再修改成以下代码：

#menu ul li {float:left;margin:0 10px;display:block;line-height:28px}

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >>