猿问

关于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
浏览 1590回答 3
3回答

翰术

都可以移动,但是不能一起同时移动。好比两本书叠在一起你把手放在上面一本上,就能接触到下面的书么,不能!你都不能碰到它自然不会触发hover!还有你做测试都不加个颜色的么?给你个建议把盒子分开加上背景色,那样才能看的清楚!

习惯受伤

把div:hover{ position:relative; left:0px; top:-20px;}这里的:position:relative这一句去掉。
随时随地看视频慕课网APP
我要回答