定位ulcss代码，获取位置的代码

...ul写的二级菜单为什么下不来,并和li并列了,二级菜单的css代码...

看了下你的代码发现你是用a用的导航，这样当然会出现如果不在a上面就会隐藏二级菜单了，而且你的是a里面套a，这样很不好的。出于HTML标签语义化考虑，一般都是用ul，li来写导航的，我给你个提示，你试着做做。

ul）来表示主菜单项。在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。

你可以把背景切成块状，例如 把这个块状的右边缘用ps修饰一下，将li的高度和宽度设成和你切的图片一样大小。然后设成li的背景图片。

截止到上一步我们的一级菜单栏已经制作完成，接下来我们需要制作二级菜单栏。我们在有二级菜单栏的一级菜单栏的li标签下面添加ul再添加li标签就可以制作二级菜单了。

这个是hover的问题你hover一级的时候二级出现，但是离开一级，二级肯定消失了，所以，二级要和一级的关系屡好，如何将鼠标在不出一级菜单的情况就能到二级菜单上，建议你使用js写这个效果。

你没做任何定位，肯定会撑开啦，子元素宽度也要算上的啊。给子UL，加上针对父ul li定位，这样就不会撑开了。。

相关问答

Q1: CSS如何实现网页导航栏置顶

如图，给导航条所表示的div添加“position”属性。然后把导航条的position属性设置为“fixed”，表示的是固定定位了。

表格的CSS属性垂直方向设为置顶就可以了。CSS中图片怎么置顶？使用DW让网页图片置顶，可分三种情况：cssreset 在HTML标签在浏览器里有默认的样式，例如p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。

在电脑上打开软件，新建一个html文件，在head部分，编写css样式， list-style-type： none；是除掉导航前面默认带的点，li a，li a.active ，li a：hover：not(.active) 设置鼠标滑到导航栏的颜色变化。

只需要给头部设置：即可。将position设置为sticky，那么头部组件还会占有着上方空间，所以下面的body中的组件可以不用设置预留top。

（1）“导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的。反正就是这个么意思。

一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下：这里是导航所在的DIV容器。 CSS代码：.nav{ position：fixed； /* 绝对定位，fixed是相对于浏览器窗口定位。

Q2: ...效果是高度向下增加的,我想让高度向上增加,css怎么控制

1、ul定位为position：absolute，bottopm：0px，height：auto ul上层的div为position：relative，高度比ul 略高（高出鼠标悬停时li的高度增加量）。剩下的就是li鼠标悬停时高度变高。呃，简单的实现了一下，有问题hi联系。。

2、css当文字换行时高度向上变化，需要writing-mode和direction配合。

3、background：url（图片地址） repeat-x或no-repeat bottom； 这样就是背景图片从底部开始显示，设置repeat-x是让在横向循环，不要设置repeat-y，这个是纵向循环，上边的部分，超出图片高度就不会显示了。

定位ulcss代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于获取位置的代码、定位ulcss代码的信息别忘了在本站进行查找喔。