带有元素列表的 HTML 框答案

【问题标题】：HTML box with inside a list of element带有元素列表的 HTML 框
【发布时间】：2019-02-21 16:35:22
【问题描述】：

我正在处理一个 HTML 项目，我想在页面内插入一个框，该框里面有一个在框内滚动的元素列表，而不滚动页面。

有可能吗？

【问题讨论】：

请告诉我们您尝试了什么？那么只有我们可以提供帮助
我现在拥有的只是一个 div，其中包含一个动态填充了 javascript 代码的列表。我想将列表放在类似部分的地方，以便列表在部分内滚动
您可以通过将max-height 分配给 div 和 overflow:scroll 来做到这一点。但这只是一个高层次的想法。
我会试试的，谢谢

标签： html css

【解决方案1】：

将 .scrollable-ul 类添加到您的 ul 元素并在 CSS 中为其选择一些高度。滚动是通过overflow-y: auto添加的。

.scrollable-ul { overflow-y: auto; height: 60px; }

<ul class="scrollable-ul">
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<ul>

【讨论】：