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

为什么里面的元素不和框一起动呢???

相对定位中,position:relative  后只是框在移动,但是文字为什么不动呢


position:absolute 后框不动,文字动是为什么呢

正在回答

4 回答

你是说偏移前的位置保留不动的那个例子吗,那个例子中设置了偏移的div是偏移了,但span不在div里面所以没有偏移,你可以试试把span放到div里面,就一起偏移了.

设置relative 的 div还是占据原来的空间,所以span文字不在网页第一行,而是跟在div没有偏移之前的位置,你试试改变div的高度,你会发现文字位置也跟着变,原因就是这个

设置absolute 的div没有占据原来空间,这之后,span在网页第一行,可能你会觉得这样文字位置变了,然后你的right,top没变,因为这里absolute参照浏览器的位置,relative参照它原来的位置(原来在网页的开头),这里的显示效果是一样的,所以框没动,你试试在div前面再加多个div,然后偏移第二个div,你会发现框也动了

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

我的理解是:浏览器按文本流的顺序(代码的顺序)来显示,div在文字前面,所以“框”会显示在文字的前面。position是relative的时候,“框”只是在屏幕上显示的位置有了改变,但这个元素在文本流里还是在原来的位置,所以会显示“框”动了,而文字没动。position是absolute的时候,“框”从文本流里脱离出来了(即在文本流里不占位置了),所以“框”会显示在你指定的位置,而文字就显示在第一排了,所以文字动了。    这是我的理解,仅供参考。

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

relative是相对屏幕左上角原来的框移动的,absolute是是一直不会动的

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

你的问题形容的不够详细,最好能给出具体的代码

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

艺述人生

同上123
2017-03-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么里面的元素不和框一起动呢???

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信