Question

父元素指定transform: scale(1.1)后,子元素100%(height=100%)项目失效

父元素宽高均未指定，子元素宽高用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);
}

追问

解决方案1已经试过了，没有什么作用
解决方案2牛头不对马嘴，前提是宽高不指定啊（不管是给父元素还是子元素，只要加宽高问题都可解决），但是我就想要个原因？？？仅此而已