首页

85问答库 > 怎么消除css中的绝对定位重叠问题

怎么消除css中的绝对定位重叠问题

2024-11-23 11:32:01

推荐回答（1个）

回答1：

首页打开dreamweaver或其它编辑器，创建一个名为nav的导航菜单

栏目一

栏目二

栏目三

栏目四

栏目五

现在为nav添加样式,首先去掉默认的margin和padding，再去掉

标签的默认下划线。接下来再添加适当的样式（根据实际需要添加）进行美化，如一下样式：

像这样，一个菜单横向菜单就建好了，下面给栏目一，栏目二，栏目三，添加二级下拉菜单

标签下的
- 标签的做浮动样式，再适当修改标签，如一下样式：
  .nav ul li ul { position:absolute;}
  .nav ul li ul li { float:none;}
  .nav ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5;}
  
  接下来隐藏掉二级下来菜单，并给它添加鼠标滑动效果，使得当鼠标滑动到主栏目时，二级下来菜单显示，样式如下：
  .nav ul li ul { position:absolute; display:none;}
  .nav ul li ul li { float:none;}
  .nav ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5;}
  .nav ul li:hover ul{ display:block; }
  
  至此，横向二级下拉菜单就制作完成了，这里附加上全部代码

css如何避免绝对定位覆盖其他元素？

怎样解决css相对定位元素的后面不重叠

求助，css导航重叠的问题

css 中如何消除绝对定位对下一个模块影响

div 中设置绝对定位后挡住了下面的层

CSS让图片覆盖但不用绝对定位方法！

CSS清除定位position

html 两个绝对定位一个div盖住了另一个div，怎么让...

最新问答

怎么消除css中的绝对定位重叠问题

1949年中华民国三十八年的100元值多少钱

女人没离婚和另一个未婚男人生了个孩子，未婚男人可以争取到孩子的抚养权吗

你父母从你出生起就抛弃了你把你丢给别人养，成年后找你要赡养费，你愿意给吗？

一道C语言程序设计题，希望有人能帮我做出来

F1赛车为什么叫方程式赛车

亳州到六安圆通快递要多久亳州到六安圆通快递要多久

不是很熟得朋友过生日应该发什么祝福语

求一个mv 韩国的男人是摄影师女人是理发师女人不小心盲了男人偷偷给他换上了自己的眼睛

李幼斌闯关东演的二儿子是谁？叫什么名字？