同时显示问题-慕课网

首页课程实战体系课手记专栏慕课教程

同时显示问题

来源：13-7 相对于自己的位置-层模型之相对定位

__心无旁骛_

2018-09-04 10:42

有没有办法可以同时显示移动前和移动之后的div位置就像效果图那样

写回答关注

3回答

慕粉2056573283

2018-09-17 14:33:00

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
#box1{
    width:200px;
    height:200px;
border:2px red dotted;
position:absolute;
}
#div1{
    width:200px;
    height:200px;
border:2px red solid;
position:relative;
    left:100px;
    top:50px;
}
</style>
</head>
<body>
    <div id="box1"> try</div>
<div id="div1"></div>
<span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span>
</body>
</html>

0 2
暴躁的温斯顿

2019-04-25 10:55:15
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的块状元素</title>
<style type="text/css">

#one{
color: red;font-size: 20px;
border: 2px dashed red;
width: 300px;height: 300px;
position: relative;

}
#two{
color: red;
border: 2px solid red;
height: 300px;width: 300px;
position: absolute;
top: 50px;
left: 70px;
}

</style>
</head>
<body>
<div id="one">之前的位置
<div id="two">移动后的位置
</div>
</div>
</body>
</html>
0 0
冯世新

2018-09-04 14:01:32

不知道

1 0

__心无旁骛...

拜托你不知道就不要回答了好不好看到好多人的问题你都在下面答个不知道

2018-09-05 10:38:32

共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

相似问题

显示的问题

回答 1

显示的有问题

回答 1

空格显示问题

回答 6

字体显示问题

回答 2

块级元素不同，显示效果也会不同吗？

回答 3

打开慕课网App查看更多内容