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

translate()里面的-50%为什么是相对于自身?

为什么top和left属性后面的百分数是相对于父元素, 而ranslate()里面的百分数却是相对于自身?

正在回答

3 回答

因为前面设置了position:absolute;所以left,right是相对于所有父元素中含定位的那个元素;如果设置position:relative,那就和translate一样的效果了。

而translate定义就是相对于其自身,这个没什么可解释的,属于文档定义。

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

设置了设置position:absolute,相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。

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

举报

0/150
提交
取消

translate()里面的-50%为什么是相对于自身?

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