div扩展到屏幕之外而不是滚动

Question

我继承了一些代码，但在弄清楚如何防止具有大量项目的容器溢出可见屏幕而不是出现滚动条时遇到了麻烦。我做了一个jsfiddle来演示这个问题：

https://jsfiddle.net/yellavon/vo437qaL/

<div style="padding:20px;width:100%;">
  <div style="border-width:1px;border-style:solid;width:100%;height:100%" class="k-widget">
    <panel style="display: flex; position: relative; flex-direction: column; height: 100%; width: 100%;">
      <panelrow style="position: relative; display: flex; flex-shrink: 0; padding: 5px; font-size: 1.3em;" class="bg-gray k-widget">Title </panelrow>

Answer 1

请注意，您在主体上设置了overflow: hidden;属性。删除它可以解决您的问题。阅读溢出here，了解更多信息。