当内部内容更改时，如何创建不会自动调整大小的div？

Question

我正在尝试创建一个媒体供稿，其中可能包含文本，图像，视频等。其中一些帖子可能是明确的，因此我想用警告隐藏帖子的内容，用户必须单击该警告看帖子。

我已成功完成此操作，但单击警告时包含div的div会更改大小。 如何更改此值，以便在内部内容更改时div的大小保持不变？

Answer 1

您可以使用以下不调整div大小的代码。 它将允许滚动固定大小的内容。

例如。

<div class="text-center" style="height: 300px; overflow-y: auto;">
//contents inside div
</div>

Answer 2

您需要将div样式设置为：

height: 100px; // or max-height with any other value
overflow: scroll; // for scrolling content if it's height greater than div's height