我有一个ul，我已经传播了很多图像。图像通常足够多，需要滚动条。图像之间存在相似的ul之间的拖放交互。两个ul都需要在屏幕上可见，所以我需要滚动条。我手动设置了，这是ul的CSS：
border: 2px solid black;
height: 70%;
list-style-type: none;
overflow-y: scroll;
我希望高度为屏幕的70％，但如果使用％，ul只会从屏幕上展开，浏览器本身会获得滚动条。我设置overflow-y来强制滚动条，但它不会改变行为。
我正在使用引导网格来使元素可调整大小。我需要这个ul可以与页面内容的其余部分一起调整大小，但是我可以保持ul的内容不被扩展的唯一方法是将它设置为静态高度。
有谁知道如何做到这一点或为什么CSS百分比值似乎不起作用？我查看了Firefox开发工具，高度：70％;仍然存在，没有被划掉。
如果您希望高度为屏幕的70％。然后用vh代替％。视口高度（vh） - 完整视口高度的百分比。 10vh将解析为当前视口高度的10％。