子元素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);
}