从CSS3的scaleY转换中恢复空间

Question

我在div上做了一个scaleY，虽然在视觉上它按照我想要的方式工作，但页面仍然表现得像是它的原始高度。我萎缩了，不想在它上面和下面留空空间。我知道我可以用负边距或者其他东西来破解这个，但是我想知道是否有一种更好的方式，比如我不知道让页面自然地从变换中释放到自由空间。

谢谢！

Answer 1

CSS变换不会改变页面的布局，因此所有带变换的元素都会占用尽可能多的空间，而不会对其进行转换。这就是变革之美。如果要缩小元素并更改页面，则需要在元素上使用高度CSS。