右上下拉菜单问题

右上下拉菜单大概思路是怎样呀？hover以后要加个外边框，我在最外面的那层div上加了，高度根据里面子元素的高度相加得到的总高度，但是如果不绝对定位就会把下面的搜索框都挤下去，绝对定位的话又会脱离原来的文档流，我想了好久都不知道怎么写好，老师能给个具体点的思路吗？

qq_孤月凡尘_0 2017-08-25

源自：项目：JQ实现瀑布流 5-2 作业题

40

收起

3回答

小丸子爱吃菜 2017-08-27 17:04:35

如果考虑hover会变化的，可以给元素默认样式设置一个border：1px solid transparent;透明的边框

提问者 qq_孤月凡尘_0 #1

但是无论如何，最后hover的时候是需要一个边框的吧，然后需要加这个边框的div肯定要绝对定位吧，除了绝对定位（fixed在这里用不上）以外，其他的方法都会改变原来的高度，float也不会把下面元素遮住，如果顶部导航栏不用加边框的话用相对定位没问题，但是两个都要加我只能想到一开始就都采用绝对定位了，想不出其他方法了，老师如果有其他方法实现的话能麻烦发一下代码吗？我学习一下，我自己写的作业是都用了绝对定位的

2017-08-27 17:23:28

小丸子爱吃菜 2017-08-25 22:08:03

顶部导航栏设置相对定位，给下拉列表相对于导航项进行据对定位。

提问者 qq_孤月凡尘_0 #1

那样不行，因为一开始没边框，hover以后要给当前的整体加上一个边框，顶部导航栏的高度会变化，如果不给顶部导航栏也绝对定位的话，会把下面的元素都挤走

2017-08-27 10:32:26

怎么都被占用了呢 2017-08-25 18:16:06

就是需要设置绝对定位呀，将所有的下拉菜单都相对它的选项绝对定位好之后，display:none。鼠标移入时，display：block就可以了

提问者 qq_孤月凡尘_0 #1

就是一开始的顶部导航栏就要绝对定位了吗？我只想到这样才有可能写出来，如果一开始的导航栏是相对定位，下拉的相对于顶部导航栏绝对定位这样就不行了

2017-08-25 19:34:39

相似问题

顶部右侧下拉菜单不知道怎么实现二级菜单与相对应一级菜单在同一边框的效果

顶部右侧导航问题

顶部右导航，划过位置为何不对齐？

屏幕缩小右边这一块怎么消失了？

下拉菜单不能使用

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载