老师，有几个问题想问一下，谢谢老师
来源：2-1 汉克狗头部轮廓和耳朵
慕田峪2009896
2019-08-25 11:54:28
这里给.dog也加上了.center标签，那么原本设置的position:relative;不就被覆盖了吗，.dog,.head,.chin等等，都是相对于body标签进行了绝对定位，那给.dog设置相对定位是不是就没有意义了？
关于左右耳朵的设置，我发现scale(-1,1)是相对于Y轴进行水平翻转，而且并不会将transform:translate(-42px,0) rotate(10deg);进行翻转，这里设置的坐标原点是50% 0；那翻转过后，右耳和没有进行transform转换的左耳是重叠的，这里给右耳设置translate(26px,0) rotate(-10deg);好像一样可以达到效果啊？
关于右耳的设置中，.ear.right和直接写.right有什么区别呀？
老师这里设置坐标原点写的是transfrom-origin,是不是写错了呀？
问题有点多，希望老师能解答一下，谢谢老师
1回答
-
同学你好
原本设置的position:relative;属性确实是被覆盖了， 添加了center类名的元素是绝对定位， 不过只有dog是相对于body进行定位， 后面的眼睛耳朵等他们的父元素还是类名为dog的盒子，所以后面的盒子以dog为参照进行定位。 因为绝对定位定位参照的是有定位属性（static属性除外）的先辈元素。 示例：
编程是灵活的， 一种效果可以有多种实现方式， 老师只是展示一种实现效果的方式， 同学自己在编写代码的过程中，可以尝试其他的实现方式哦
区别是前者选择更加精确一点，表示给右边的耳朵设置样式， .ear.right表示选择同时拥有类名ear和right的元素，. right表示选择拥有类名为right的元素
确实是老师写错了， 应该是transform-origin， 感谢同学的反馈， 我们会尽快处理的
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题
回答 1
回答 1