Html 元素不展开以包含子内容

我正在创建一个论坛，因此我正在创建一个新帖子的预览。 这也是我的论坛上每个帖子的布局。当我在段落中添加一些文字时，文字越长，但这不是我以前问过的问题

我的问题是，正如您在下面的代码（完整页面视图）中所看到的，通过向我的段落添加文本，容器不会增长。我只是放了一些虚拟文本，这样你就可以看到我的问题是什么

#prevContainer{
宽度：95%；
背景色：白色；
不透明度：1；
边界半径：10px；
保证金：0自动；
最小高度：150px；
高度：自动；
边缘顶部：10px；
边缘底部：10px；
边框：2倍纯色灰色；
}
#前集装箱#左{
右边框：2倍纯色灰色；
宽度：120px；
最小高度：150px；
高度：自动；
浮动：左；
}
#prevContainer#左#prevAvatar{
边框：1px纯黑；
边界半径：10px；
保证金：0自动；
宽度：100px；
左边距：10px；
边际上限：0px；
}
#prevContainer#对{
浮动：左；
左边距：0px；
边际上限：0px；
最小高度：150px；
高度：自动；
最小宽度：200px；
宽度：500px；
最大宽度：517px；
}
#prevContainer#右#文本{
左边距：10px；
}
#prevContainer#右#文本#prevOutput{
背景颜色：黄色；
空白：预包装；
单词break：打破一切；
字体大小：16px；
}

我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通
我希望这行得通我希望这行得通

您没有清除浮动。您可以添加

溢出：隐藏至
#prevContainer
或使用：

#prevContainer:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

在文本放入的容器中添加顶部和底部填充。
我看不出问题所在。黄色元素包含文本。它随着文本的增长而增长，没有任何问题在“完整页面”视图中可以看到问题。这不是关于黄色段落，而是关于它所在的段落。可能不是小尺寸，但如果您将屏幕大小设置为1080p，这种方法不会增加动态大小。谢谢您的回复。它可以工作，但正如您看到的，其他元素不会随着文本的增长而增长，您也有解决方案吗？在每个麻烦的场景中向元素添加
溢出：隐藏
。从
\left
div中删除
右边框
，将相同的
左边框
添加到
\right
div:）谢谢。但这对我的#left div不起作用。不过，我的border right属性不再是：（@KaloyanIvanov）这确实是一个非常简单的解决方案。它现在很好用，谢谢你的帮助。你能描述一下为什么你的解决方案会有不同吗？