Html 如何删除“变换：旋转”生成的不可见空间？

当我将旋转应用于整个页面时，我的网页底部产生了一个不可见的空间，我遇到了一些问题，并对一些应用负旋转（#deg）的元素进行了反转。我使用了

overflow:hidden

和

padding bottom

组合来删除所需的空间，但当您在悬停效果中使用属性

transform

时，这似乎产生了一个bug。下面是一些bug的截图

在bug出现之前：

错误：

这两个问题中的一个有什么解决方案吗？另一种删除空间或避免错误的方法

这里是我的页面的结构示例，您可以看到也生成了一个空间

你的网站
#满满的{
变换：旋转（-2deg）；
背景色：浅绿色；
高度：1000px；
}
#内容{
变换：旋转（2deg）；
左边距：30px；
}
#主要{
背景色：红色；
宽度：80%；
}
页脚{
背景颜色：黄色；
宽度：80%；
位置：绝对位置；
顶部：1000px；
}
韦尔科姆

版权所有2009您的姓名

究竟是什么原因导致该错误？您提到了“悬停效果”，但代码段中没有悬停效果。这里没有bug，这看起来正是基于CSS的假设。你指的是什么空间。。。拍摄上述示例代码输出的屏幕截图，然后使其看起来像您期望的输出，因此我们将看到您的意思运行代码段并使其全屏显示，您将在页面底部看到一个空格。这个空间并不是假设存在的。