按照例子在Div 后面加 Span 标签并没有保留偏移前的位置呀
来源：13-7 相对于自己的位置-层模型之相对定位
什么东东西西
2016-03-10 09:37
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
#div1{
width:200px;
height:200px;
border:2px red solid;
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span>
</body>
</html>
写回答
关注
2回答
-
- 清波
- 2016-03-10 09:51:06
首先少写了课程中的 一些属性，代码如下：
position:relative; left:50px; top:100px;
其次，这章主要强调 relative定位的两个重要特性：
1，偏移量 是相对于 偏移前其本身的位置。
2 ，虽然元素已经relative偏移（相对其原来位置在视觉上发生了偏移），但是它还占有原来的位置，跟在它后面的元素还是定位在它原来的位置的后面。
-
- TongStone
- 2016-03-10 09:54:03
是div保留偏移前的位置。因为后面span元素的位置相对于div偏移前的位置来排布的。用span是为了说明div相对偏移后其还保留原来之前的位置
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题