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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

已采纳回答 / 慕粉2035072466
你说的没错,设置float:left,float:right,position:Absolute 后会使元素变为块状元素

已采纳回答 / 唐宋小宝
什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

已采纳回答 / 小杨羊
padding-left是内左边距,它增加长度,外面的盒子当然也会被撑大了。

已采纳回答 / bonny__
第一个aA[i]里面的setInterval写错了,少写一个t

已采纳回答 / 塑料笔
元素的宽度(包括边宽border补白padding)

已采纳回答 / 艾狄生
你确定你设置了要显示的宽度!!为了避免自适应,要设置ul固定的宽度!

已采纳回答 / 香飘飘丶
如果我没有数错的话,你在代码的最后少了一个"}"反括号,加上即可,除此之外 This.style.height = this.offsetHeight + 16 +"px";中的this应为oSubNav也就是var中的This,下同。 附代码:<...code...>

已采纳回答 / 慕粉1462636306
课程水平伸缩菜单制作中是这么设置的,这个练习题中CSS里面的设置和水平伸缩菜单模块的CSS样式设定不一样的,不能直接套用课程的代码,我这边运行是显示不出来二级菜单的,<ul class="subNav">大小仍为120*0,高度值为0;题目CSS中设置了.subNav{ position:absolute; top:30px; left:0; width:120px; height:0; overflow:hidden},高度为0,overflow:hidden,我也是新手一枚,说的不对还请见...

已采纳回答 / 慕粉3951534
两种方法,定宽:<...code...>不定宽:<...code...>你的代码里 .a{margin:0 auto;width:100%;} 这一行没作用,虽然 a 设置为 block 了,但 a 的父元素是 li ,这样设置最多让 a 在 li 中居中,而不是 ul...

已采纳回答 / 夜空中最亮de星
绝对定位也行的

已采纳回答 / 慕粉3951534
<...code...>两种方法,定宽:<...code...>不定宽:<...code...>还有其他的比如加入 table 标签,太麻烦了,多许多标签。

已采纳回答 / 慕粉3951534
文本首行缩进20像素,说白了就是让文字水平移动一段距离,至于这20像素有多长,要看具体设备,不同设备定义不一样,和硬件相关。

已采纳回答 / 慕粉4085534
那是全角空格可以显示多个

已采纳回答 / 奇怪的梗
a标签没有结尾,样式变成行内元素以后,将li撑开,用谷歌浏览器按F12进入调试,可以点击那些长条查看是属于那个标签

已采纳回答 / 慕粉3876065
var aA=document.getElementsByTagName('a');这一句得到的是所有的<a>标签,是一个数组;现在对每一个<a>标签都要有延伸的这种效果,所以要用到for循环,aA.length就是数组的长度
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消