html怎么不让导航栏的二级菜单不影响下面的 div标签里面的东西

Question

如题所述

Answer 1

如果用hover做，那就做定位，然后默认display为none；如果用JS，那就新建一个div，把二级菜单放进去。做成下面div自动下移的就把创建的div放在下面的div和导航的中间，如果不需要下面的div自动下移的话还是需要用定位来做，同样默认display为none。只是在：hover或者onmousemove的时候令其display为block

Answer 2

二级菜单做一个div和banner独立一个div，这样就不会影响了追问

就是这样做的banner里面是 用的ul li
当鼠标触发二级菜单的时候 banner里面的li会跟着二级菜单跑

先是一个diu ul li的导航栏
然后是做的banner
banner里面也用了ul li
当导航栏触发二级菜单的时候
banner里面的li会跟着二级菜单跑
不好意思刚才的回复描述有误请看这个

Answer 3

双重否定为什么不用肯定。。。。

Answer 4

贴代码！！追问

代码太多了
意思就是用css写了一个二级导航栏
然后导航栏下面是banner
做好之后测试的时候当鼠标经过二级导航栏触发会影响下面的banner
我问下有什么方法不让他影响banner

追答

你是想让菜单浮在banner上面，而不是把banner挤开了？

追问

嗯 是的 应该怎么做

追答

div1会浮在div2的左上角。用float属性就行了代码实例如下：

.div1{ width: 200px; height: 100px; background: red; float: left; }
.div2{ width: 300px; height: 350px; background: yellow; }