关于hover及相对位移
用语言表述一下遇到的情况，望知道的小伙伴替我解答一下困惑，万分感谢：
简单来说就是使用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>
imCaptain浏览 1586回答 3
3回答
-
翰术
都可以移动，但是不能一起同时移动。好比两本书叠在一起你把手放在上面一本上，就能接触到下面的书么，不能！你都不能碰到它自然不会触发hover！还有你做测试都不加个颜色的么？给你个建议把盒子分开加上背景色，那样才能看的清楚！ -
习惯受伤
把div:hover{ position:relative; left:0px; top:-20px;}这里的：position:relative这一句去掉。
随时随地看视频慕课网APP
Html/CSS