一、盒子transform后对周围盒子的影响
代码：
<style>
.box1,
.box2 {
width: 300px;
height: 300px;
}
.box1 {
background: #000;
transform: translateX(100px) translateY(100px);
}
.box2 {
background: pink;
}
</style>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>运行结果如下：
可以看到box1并不会把box2的位置挤开，而是压在了box2上面
不仅如此，我还试过了scale、rotate，均不会对周围盒子的布局造成影响
二、盒子进行rotate后坐标轴的变化
在我做立方体盒子的时候，发现一个有意思的现象，当某个平面旋转过后，其坐标轴会跟着发生变化
当一个平面旋转过后，该平面新的XY轴所围成的面就是现在该平面所在的位置，Z轴则是垂直于该平面，XYZ轴的正轴方向也会随着旋转的位置发生改变
278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
