相对和绝对：为什么把相对改为绝对<span>里的内容就上移了呢
来源：13-7 相对于自己的位置-层模型之相对定位
慕圣7500324
2016-03-26 12:38
#div1{
width:200px;
height:200px;
border:2px red solid;
position:absolute;
top:20px;
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动</span>
</body>
写回答
关注
4回答
-
- imoocYu
- 2016-03-30 08:03:42
相对定位，偏移前的位置不可以被覆盖，绝对定位可以
-
- 忆_卿
- 2016-04-22 15:33:48
在页面显示内容时，<body>里的内容在页面的显示顺序依然是从上而下，但是设置为绝对定位的时候，元素会从文档流中脱离，而且元素可以覆盖绝对定位之前的位置。
-
- 冷焱
- 2016-03-26 13:12:43
相对定位是相对你原先的位置，也就是你span标签原来的位置。top：２０ｐｘ,相当于相对于原来的位置向下移动了20px。如果改成绝对定位，那就是相对body移动了。所以会产生向上的效果。参照的对象不一样，产生的效果也不同
-
- Niokla_Tesla
- 2016-03-26 13:00:28
相对是只移动图像 绝对是位置和图像一起浮动
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225812 学习 · 18234 问题
相似问题