为了账号安全,请及时绑定邮箱和手机立即绑定

span标签内文字没有留在原处

所以设置成relative和不设置span标签内的文字的位置应该是不动的,但是我加上position:relative;    top:50px;    left:100px;这段代码以后span标签内的文字也跟着移动了,是为什么呢

正在回答

3 回答

因为relative是相对于之前的容器定位的,若span是其之前的容器,则会跟着移动

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

慕粉3841721 提问者

懂了~谢谢
2016-12-12 回复 有任何疑惑可以回复我~
#2

李珂_

啥意思啊? "若span是其之前的容器,则会跟着移动"
2016-12-30 回复 有任何疑惑可以回复我~
#3

GaryHarper 回复 李珂_

<div id="div1"><span>balabala..</span></div>则会移动,放在容器div外部是不受影响的
2017-02-05 回复 有任何疑惑可以回复我~

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

   position:relative;

    top:50px;

    left:100px;    

}

</style>

</head>

<body>

<div id="div1"><span>偏移前的位置 还保留不动 ,覆盖不了前面 的 div 没有偏移 前 的 位置 </span></div>

</body>

</html>


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

贴代码看看

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

举报

0/150
提交
取消

span标签内文字没有留在原处

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号