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

left:-50%不能理解

首先是父层div,它是设置了相对定位(left:50%;)向右偏移了50%(这里的50%是浏览器(父层)的50%?   也就是div原本的中间“平分线”就在这),ul层就会在所谓的中间“平分线”开始往右显示内容。

然后ul层设置了相对定位(left:-50%;)向右偏移了-50%(相对本身向左移动50%),这里的向50%不是应该是父层总宽度的50%吗?父层设置50%都是父层的父层50%,而不是相对与本身的50%呢?不理解!


正在回答

3 回答

在父层向右移动50%的时候 子累跟着父类一起移动 所以你让子累ul -50%向左移动50% 其实反而是移动到了正确的中间位置 我个人是这么理解的 以下|为边界 --为div 0为ul

 |        ----0

 |        --0--

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

艾米丽宏 提问者

仿佛有点懂了
2018-05-07 回复 有任何疑惑可以回复我~

https://img1.sycdn.imooc.com//5afed2150001b9b511520648.jpg酱紫?

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

艾米丽宏 提问者

明白了,谢谢!
2018-05-18 回复 有任何疑惑可以回复我~
#2

艾米丽宏 提问者

明白了,谢谢!
2018-05-18 回复 有任何疑惑可以回复我~
#3

Art_Qing

完美解释!赞!
2018-05-26 回复 有任何疑惑可以回复我~
#4

VictorChan

这意思操作的都是里面的子元素是吧
2018-06-14 回复 有任何疑惑可以回复我~
查看1条回复

left:-50%;和right:50%;效果是一样的,你自己试一下效果

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

举报

0/150
提交
取消

left:-50%不能理解

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