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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
老师那个图片定位有点晕。。。

最新回答 / l柳条妹妹
当你定义的CSS中有position属性值为absolute、relative或fixed时,用z-index此取值方可生效。
浏览器有开发者模式(F12)。
我猜京东也是这么做的

最新回答 / 传说中的小白龙
最近没怎么上慕课,现在才看到。这个我后来发现是HTML4和HTML5的差别。老师使用的是HTML4的页面声明,就没有那个间距。而HTML5就有。

最新回答 / 传说中的小白龙
因为bfc特性,浮动元素leftdiv和rightdiv的父级元素的position为absolute,计算高度的时候会将浮动元素高度计算在内。

已采纳回答 / 我是刘高兴
<...code...>注意注释对应的内容,这样便可以了
relative是相对自己定位。因此设置right:-35px;bottom:-20px;就向自己的右下移动
.rightPic
{
/*设置rightPic样式 */
position:relative;
right: -50px;
bottom: -50px;
}

&lt;img src=&quot;http://img1.sycdn.imooc.com//541120c80001aae401970164.jpg&quot; class = &quot;rightPic&quot;&gt;&lt;/img&gt;

已采纳回答 / 慕数据1249894
position:relative;定位是相对于元素本身的位置来定位的
老师声音好听

已采纳回答 / 慕粉1462190548
rightdiv是200,设置了左浮动,右边空白会多出来,也可以把submenu减少5个像素会好看一点

已采纳回答 / 人木言若
offsetHeight获取的是数值,如offsetHeight=12;this.style.height获取的是属性值,this.style.height=12px;
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消