dw导航栏悬浮在图片上面，可以按照以下步骤操作1首先在HTML中创建一个包含导航栏和图片的容器，例如一个div元素2设置该容器的position属性为relative，以便后续实现绝对定位3设置导航栏的position属性为absolute，以便。

HTML代码 我是左侧浮动窗口的内容 我是右侧浮动窗口的内容CSS代码body * * 为body标签设置背景仅仅是为了演示效果 * 与浮动窗口本身无关 * backgroundcolor #ccc#left， #right。

5创建横向导航的样式 在标签里添加一个样式类为navli，然后再navli类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为，字体颜色为白色样式代码为navlibackgroundcolor。

其实导航栏就是给列表标签设置CSS样式 第一步 在HTML上的文件里加上ulli 标签，在对应的CSS文件中使用下边语句去掉 li 标签前面默认的小圆点 第二步 让 li 标签 浮动 起来，一般设置为左浮动，看看它是不是。

1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就。