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

关于hover及相对位移

关于hover及相对位移

imCaptain 2017-02-02 01:01:05
用语言表述一下遇到的情况,望知道的小伙伴替我解答一下困惑,万分感谢:简单来说就是使用hover,只有一个div是移动的为什么不是两个;还有一点与本章课的内容相关的,就是相对移动的水平向位移为0像素,为什么也发生了改动?<style type="text/css">div{    width:200px;    height:200px;border:2px red solid;position:absolute;left:100px;top:20px;}div:hover{position:relative;left:0px;top:-20px;}</style></head><body><div id="div1"></div><div id="div2"></div></body>
查看完整描述

3 回答

已采纳
?
翰术

TA贡献21条经验 获得超8个赞

都可以移动,但是不能一起同时移动。好比两本书叠在一起你把手放在上面一本上,就能接触到下面的书么,不能!你都不能碰到它自然不会触发hover!还有你做测试都不加个颜色的么?

给你个建议把盒子分开加上背景色,那样才能看的清楚!

查看完整回答
反对 回复 2017-02-02
?
习惯受伤

TA贡献885条经验 获得超1144个赞

把div:hover{ position:relative; left:0px; top:-20px;}这里的:position:relative这一句去掉。
查看完整回答
2 反对 回复 2017-02-02
  • 3 回答
  • 0 关注
  • 1589 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信