子元素100%宽高项目失效，是什么情况啊？？？

Question

父元素宽高均未指定，子元素宽高用100%指定，此时的结果，子元素的宽高都是满屏
父元素上添加【transform: scale(1.1)】后,子元素100%宽高项目失效，求原因啊？？？
各位大神走过路过不要错过！！！

Answer 1

解决方案1:设置后代：.children1,.children2,.childrenN {-moz-transform: none;-webkit-transform: none;-o-transform: none;-ms-transform: none;transform: none;}或者让后代反向操作，比如反向旋转：.parent {position: relative;background-color: yellow;width: 200px;height: 150px;margin: 70px;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}.child {position: absolute;top: 30px;left: 50px;background-color: green;width: 70px;height: 50px;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}