右上下拉菜单问题

来源:5-2 作业题

qq_孤月凡尘_0

2017-08-25 17:48:00

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

写回答

3回答

小丸子爱吃菜

2017-08-27

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

0
hq_孤月凡尘_0
h 但是无论如何,最后hover的时候是需要一个边框的吧,然后需要加这个边框的div肯定要绝对定位吧,除了绝对定位(fixed在这里用不上)以外,其他的方法都会改变原来的高度,float也不会把下面元素遮住,如果顶部导航栏不用加边框的话用相对定位没问题,但是两个都要加我只能想到一开始就都采用绝对定位了,想不出其他方法了,老师如果有其他方法实现的话能麻烦发一下代码吗?我学习一下,我自己写的作业是都用了绝对定位的
h017-08-27
共1条回复

小丸子爱吃菜

2017-08-25

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

0
hq_孤月凡尘_0
h 那样不行,因为一开始没边框,hover以后要给当前的整体加上一个边框,顶部导航栏的高度会变化,如果不给顶部导航栏也绝对定位的话,会把下面的元素都挤走
h017-08-27
共1条回复

怎么都被占用了呢

2017-08-25

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

0
hq_孤月凡尘_0
h 就是一开始的顶部导航栏就要绝对定位了吗?我只想到这样才有可能写出来,如果一开始的导航栏是相对定位,下拉的相对于顶部导航栏绝对定位这样就不行了
h017-08-25
共1条回复

0 学习 · 36712 问题

查看课程