老师好，想问下left相对谁绝对定位的？为什么眼球的位移left数值增加，两个眼珠向内靠近？
.pupil{
width: 26px;
height: 26px;
background-color: #e79101;
border-radius: 50%;
position: absolute;
left: 3px;/*不明白*/
top: 1px;/*不明白*/
}
12
收起
正在回答
1回答
同学你好，pupil这的的left是相对它的父级元素eye进行定位的。 因为右侧眼球eye的x轴发生了翻转，所以设置left数值增加的时候， 两个眼珠是靠近的。
如下图所示， 老师给右侧的父元素设置了scale(-1, 1)导致x轴翻转了，
此时左右侧眼球的坐标轴可以理解为下图所示的状态， 所以left值增加的时候， 两个眼球是靠近的状态。
如果帮助帮助到了你， 欢迎采纳！
祝学习愉快~~~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星