                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

按照例子在Div 后面加 Span 标签并没有保留偏移前的位置呀

<!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>

什么东东西西

2016-03-10

源自：初识HTML(5)+CSS(3)-升级版 13-7

关注问题我要回答

2300

操作

收起

2 回答

清波回答被采纳 +3 积分
2016-03-10

首先少写了课程中的一些属性，代码如下：

position:relative;
left:50px;
top:100px;

其次，这章主要强调 relative定位的两个重要特性：

1，偏移量是相对于偏移前其本身的位置。

2 ，虽然元素已经relative偏移（相对其原来位置在视觉上发生了偏移），但是它还占有原来的位置，跟在它后面的元素还是定位在它原来的位置的后面。

1 回复有任何疑惑可以回复我~

收起回答

什么东东西西提问者

非常感谢！

2016-03-10 回复有任何疑惑可以回复我~

郝国旗

如果该元素是<img/>呢http://www.imooc.com/code/3585

2016-03-14 回复有任何疑惑可以回复我~

TongStone
2016-03-10

是div保留偏移前的位置。因为后面span元素的位置相对于div偏移前的位置来排布的。用span是为了说明div相对偏移后其还保留原来之前的位置

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

进入课程

本课相似问答

3 回答偏移前的位置保留不动

2 回答偏移前的位置保留不动

3 回答偏移前的位置保留不动

1 回答偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置,这是啥意思啊???

1 回答大家可以做一个实验，在右侧代码编辑器的19行div标签的后面加入一个span标签，在标并在span标签中写入一些文字。如下代码：<body> <div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span> </body>

搜索更多本课相关问答

按照例子在Div 后面加 Span 标签并没有保留偏移前的位置呀

我要回答关注问题

热搜

最近搜索清空

按照例子在Div 后面加 Span 标签并没有保留偏移前的位置呀

2 回答

本课相似问答

按照例子在Div 后面加 Span 标签并没有保留偏移前的位置呀