为了账号安全,请及时绑定邮箱和手机立即绑定

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰

最赞回答 / 子非谟
下拉的长度不能超过你div给定的宽度,具体可以用F12查看每一块DIV的大小

已采纳回答 / 不断滴自我催眠
你指的是二级菜单被右侧的模块遮挡了?如果是的话 z-index 是可以解决的啊给下面两个样式增加z-index属性就可以了,保证菜单栏层级都比右侧模块高<...code...>

已采纳回答 / 枫子001
你的代码 给图片的css设置一个绝对定位 position: absolute试试

最新回答 / qq_wwwsnowruinc_0
li经常和ul或者ol一起使用。

最赞回答 / 不断滴自我催眠
相当于三元运算符,返回boolean值,例如var ret = !!document.getElementById等价于:var ret = document.getElementById ? true : false;当值是非空字符串和非零数字返回true,当值是空字符串、0或者null返回false。<...code...>

最赞回答 / 梦身
<...code...>是因为设置margin-top:-20后,超出了浏览器的可视区域。上边代码默认margin-top是0,相当于把它挤出去了。上边代码去掉注释后,汉字就显示了。所以觉得这种方法不好啊。。

已采纳回答 / Tracy_
<a>是行内元素,margin-top是无效的,需要改变a的display,改成display:block或者display:inline-block即可

已采纳回答 / 慕瓜4019319
你很有礼貌,描述问题比较清楚。回答你的问题真的是很愉悦呢。要是下次能在标题里面写上问题概要就更好了(如:li和a的display:block显示效果不同)为什么语句display:block分别放在a和li中时有不同效果呢?但你没有搞清楚问题的重点(这也是你来问问题的原因),显然你的li元素里面不止包含了a标签,请把相关的html代码也放上来,我才能进一步的回答问题。

已采纳回答 / LUGY
style.height 就是css里的height   offsetHeight 是css 里的height+padding

最新回答 / LUGY
一级li里的a 和二级ul是同级元素  ,他们不是嵌套关系, 如果使用hover    就要写成   a:hover +ul {display:block;}  ,但是这会有一个问题, 因为a和二级ul不是嵌套的 ,一旦 鼠标离开a,ul就会消失,也就是说鼠标根本就点不到二级的ul
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消