Css HTML<；部门>；即使内容小得多，仍然会溢出

我正在与CSS缩放的

进行斗争

我有一个固定的

宽度和
高度的
外部
，和一个应该与流程一致的
内部
。问题是，即使我缩小内部
（缩小到，比方说0.3），外部
上的垂直滚动条仍然可见，这确实出乎意料（检查内部
显示它比其父级小得多）。我真的认为外部的
应该没有滚动条，除非内部的
溢出

代码

我应该提到的是，我有一个
，
和
而不是内部
的孩子，没有
字体大小
属性，只有
宽度
s和
高度
s根据比例因子变化

这是我的问题的答案。
这是你问题的答案

.outter {
    overflow: auto;
    width: 300px;
    box-shadow: 0 0 2px #222;
}

.inner {
    font-size: 40px;
    transform-origin: top left;
    transform: scale(0.3);
    height:200px;
}

只需从outter类中删除height属性，并将其放在inner类中即可
您的高度溢出由
字体大小：40px
计算。
然后对其进行
变换
但其高度仍然与使用40px字体时的高度相同

这就是发生这种情况的原因。
添加一个内部
div
并给出
高度


.outter{
溢出：自动；
宽度：300px；
高度：200px；
盒影：02px#222；
}
.包裹{
高度：160px；
}
.内部{
字体大小：40px；
变换原点：左上角；
变换：比例（0.3）；
}

随机的

愚蠢的
事情
只需添加
显示：flex到类
.outter
。以下两个示例：第一个示例包含正常内容，不包含不会溢出的滚动条，第二个示例包含将溢出的内容，但现在包含垂直滚动条。在这两个示例中，css是相同的

正常内容


.outter{
盒影：02px#222；
显示器：flex；
高度：200px；
溢出y：自动；
宽度：300px；
}
.内部{
字体大小：40px；
变换原点：左上角；
变换：比例（0.3）；
-webkit变换：比例（0.3）；
}

愚蠢的
事情
随机的

愚蠢的
事情
随机的

使用

在外分区上，以及

position:relative;

关于内div


看


我刚刚添加了上述属性：不需要的滚动条消失了

您可能希望尝试取消对
lorem ipsum
段落的注释（出于测试目的，我将其添加为注释HTML），以便在需要时看到滚动条出现。
请输入问题中的代码！我看到内部的高度为75px。我不能使用外部div上隐藏的溢出，因为我需要多次放大和缩小内部内容。看起来在小提琴中有效，但在我的实际项目中无效。我有一个
，
和
，而不是愚蠢的、随机的东西元素，而且我还有一个垂直滚动条，即使有显示：Flex，您可以将其中一些元素添加到示例中吗？如果我删除
字体大小
属性会怎么样？我用
、
和
来代替愚蠢的、随机的东西元素，它们只有固定的
宽度
和
高度
，它们用内部的
缩放一次
.outter {
    overflow: auto;
    width: 300px;
    box-shadow: 0 0 2px #222;
}

.inner {
    font-size: 40px;
    transform-origin: top left;
    transform: scale(0.3);
    height:200px;
}

position:absolute;

position:relative;