具有设置像素值的最大高度 - 是 Hacky 还是必要的？

Question

我正在尝试在一个小型清单应用程序的页面上设置引导面板的样式。 用户可以根据自己的选择输入尽可能多的“待办事项”，并查看他们的列表不断增长。

为了防止整个页面滚动，我想让列表在面板元素内滚动。

我设置了max-height: 350px ，但对我来说，这感觉有点“hacktastic”。 我似乎无法使用 flexbox 找到可靠的解决方案，而且我不确定 % 值是否是通往 go 的方式。

是否有解决此问题的万全之策（我的直觉是否定的，但我会保持积极态度）？

HTML：

<div class="ChecklistContainer"> 
 {{ input loop to handle user input }}
<div>

CSS：

.ChecklistContainer {
    max-height: 350px;
    overflow: auto;
}

Answer 1

我认为可以使用最大高度来获得所需的外观和感觉。 我们一直在我们的生产软件中使用它。