Question

dreamweaver如何制作浮动菜单？

就是菜单条始终浮动在屏幕某一高度，不会因网页滚动使菜单离开屏幕。
<div { top:300px; height: 35px; width: 100%; style="background-color:#CCCC33; position: fixed;"}>
<table width="80%" border="2" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0066FF"> </td>
</tr>
</table>
</div>

Answer 1

Dremweaver制作浮动菜单：

1、运行 DW 后新建一个 HTML 文档，我们先单击“布局”栏的“绘制 AP Div”按钮（下图红圈处）来绘制2个 DIV 容器，默认命名为：apDiv1和apDiv2，然后给它们添加一些内容和样式，并稍微修改代码让apDiv1包含apDiv2。

2、点击工具栏的“窗口” ，并在下拉菜单中选择“行为”，即可在右侧栏看到“行为”的设置窗口。

3、在可视化的界面下选择apDiv1层，然后给其添加行为：“显示-隐藏元素”

4、修改这个行为的条件为“onMouseOver”

（图-1）

（图-2）

5、接下来创建一个相反的行为：鼠标从apDiv1层上移开则隐藏apDiv2菜单，过程与上面大致相同，不同的是当创建到（图-1）步骤时选择隐藏 div “apDiv2″，进行到（图-2）步骤时条件选择为：onMouseOut。 

6、最后还需要将 apDiv2 菜单的初始状态设为隐藏才能真正达到效果。将下面这段代码加入到 apDiv2 的样式中即可：

visibility: hidden;

Answer 2

你的意思是固定在页面一个位置，随屏幕移动而移动吧。

样式用position:fixed;固定，然后位置用top,bottom,left,right来定位。

Answer 3

这个就是浮动菜单的做法
教你一个很简单的方法，就是把菜单的层的样式设置为position:fixed; top:10px; left:10px;
position:fixed; 表示总是以body为定位的

top:10px; left:10px;这些参数是对上或对下的距离

这样设置了之后，你的菜单就实现了你要表现的功能。

追问

太谢谢你了！不过我加上position:fixed后，就我问题补充里的那段代码，div菜单宽度如何才能是全屏的？

追答

你把DIV的宽度设置为width:100%;即可是全屏的啊。

追问

你瞧我问题补充里的那段代码，已经是width:100%了，求你了，帮帮我吧

追答

这段代码修改为：

这样就实现你要的效果了。

Answer 4

float
浮动