未设置高度时，CSS文本溢出填充

我在尝试用两个子div填充div时遇到了一个问题，如果父div没有设置高度，则内容会溢出填充的底部，尽管设置了最大高度。此外，在子div上使用

overflow:hidden

会使其行为类似于

display:inline block

，其中内容不会围绕其同级（即

float:left

）流动。下面是我的例子

因此，我的两个主要问题是，是否有一种方法可以实现子div（.content）的增长，直到它达到父级的最大高度，而不会过度调校，主要是为了使子div被父级的填充隐藏？当文本换行时，

overflow:hidden

on.content应该导致.content行为异常，还是一个bug

.wrapper{
最大高度：150像素；
/*高度：150px；/*是内容获得正确高度所必需的。为什么最大高度不够*/
溢出：隐藏；
填充：25px；
边框：1px实心#000；
}
.左{
浮动：左；
边框：1px实心#000；
}
.内容{
/*高度：100%；/*如果父级未设置高度，则不执行任何操作*/
最大高度：150px；/*解析无法继承父级的高度*/
溢出：隐藏；/*尝试以下操作：
.wrapper{
溢出：自动；
填充：25px；
边框：1px实心#000；
}
.左{
浮动：左；
边框：1px实心#000；
}
.内容{
显示：块；
溢出：自动；
/*必需，但会导致内联块行为*/
}
：-webkit滚动条{
宽度：0px；
背景：透明；/*使滚动条透明*/
}

左边
知识是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富在这里，你可以说是一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物这是一种自然生长的肉牛品种，是一种营养丰富的肉牛品种，是一种营养丰富的肉牛品种，是一种营养丰富的肉牛品种。

.wrapper{
最大高度：150像素；
高度：150px；/*是.block获得正确高度所必需的。为什么最大高度不够*/
溢出：隐藏；
填充：25px 25px 0；/*使用此填充值删除底部值*/
边框：1px实心#000；
}
.左{
浮动：左；
边框：1px实心#000；
}
.内容{
身高：100%；
溢出：隐藏；/*根据您的要求删除溢出：隐藏*/
}
根据您的要求，从内容中删除“溢出：隐藏”

左边
知识是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富，是一种财富在这里，你可以说是一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物，一个伟大的人物这是一种自然生长的肉牛品种，是一种营养丰富的肉牛品种，是一种营养丰富的肉牛品种，是一种营养丰富的肉牛品种。
有趣的方法，但这两个问题都没有解决。当包装器有一个最大高度时，文本仍会溢出填充。此外，滚动条在Firefox等浏览器中完全可见，即使它在Chrome中不可见，但它仍然完全起作用，并且在用户滚动时滚动。我不想重复移动底部填充；我希望文本不会溢出到其中。删除
溢出：隐藏
将无法达到此目的。