css导航栏下拉菜单特效怎样才不会撑开下面内容

1、做下拉的话，你的菜单是不是没有设置position：absolute呢，如果没有设计成绝对定位的话，那是要占空间的，占了空间了当然就会影响后面的元素啦。

创新互联公司是专业的高州网站建设公司，高州接单;提供网站制作、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行高州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

2、下拉菜单要 绝对定位，才不会影响后面的标签。注意：下来菜单的容器标签，需要相对定位，否则绝对定位的下来菜单要在页面里乱跑的。

3、在相应的css中这样设置：white-space：nowrap 这个表示禁止换行。

4、你可以调整他们的位置，包括高度等。你可以用定位属性position加Z-index，可以改变z-index的值来获得你想要的结果。

5、以下是一些可能有用的代码段： 使用CSS实现您可以在HTML中创建垂直导航栏，然后使用CSS来控制它的显示和隐藏。当用户鼠标悬停在一级导航上时，使用CSS的：hover选择器来显示二级导航。

如何使用HTML和CSS制作下拉菜单?

1、网页链接是网站的缩影。无论是搜索引擎还是应用程序，如果链接到了网页的话，就是网页链接，就是网页内容的缩影。在网页设计中，链接也是网页中最常用的工具之一。如今，很多网页设计师都不熟悉链接的概念。

2、第一想法就是给未显示（默认隐藏时）的下拉菜单栏添加，其结果就是边框一直处于显示状态，在下拉菜单栏隐藏时无法隐藏。解决方法就是将边框的属性加在hover属性里面，未显示时的边框设置为零。

3、首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上。接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示。

css网页菜单下拉栏被图片挡住了,设置z-index:999没办法

这位网友你好，你找到这个class名称.menu-function（在base.css文件中第11行）添加属性z-index为999即可解决问题。

这是排版的问题，一般div排版，主要用好float和position，熟悉盒子模型，你可以调整他们的位置，包括高度等。你可以用定位属性position加Z-index，可以改变z-index的值来获得你想要的结果。

其实应该很好解决，之所以下面被遮住是因为 z index只算他的父级 ，你的.nav没有定义position：relitive；z-index：3； 那他里面的子元素再怎么写也不可能比洗面的banner层级大。

因为没有设置z-index属性，用法：z-index：9999；，数字越大，表示越在上面 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。

给下拉菜单层加个z-index：1999；相当于是z轴上给个最大值，那么下拉层就始终是在最上面的一层，不会被遮挡。

设置两个相关标签的z-index；设置z-index值两个标签得是同一级的 还得加上position值。

文章名称：css样式菜单下拉遮罩 css实现菜单下拉效果
文章位置：http://chengdu.cdxwcx.cn/article/diecoci.html