是否可以在容器上设置垂直滚动身高未知使用弹性盒？
我不能使用max-height因为它将高度限制为某个数字，不适合所有屏幕尺寸。
这是我需要的一个简单示例：
<div class="list flex-vertical">
<header>Some header</header>
<ul class="flex-vertical">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
...
</ul>
</div>
我只想要ul滚动，显然我不知道它的高度。
这是一支笔 http://codepen.io/ftom2/pen/zrVWXr
flex有一些缺点/错误/缺陷，或者任何称呼它们的东西，并且需要一个内部绝对元素来强制滚动。
html, body{
height: 100%;
overflow: hidden;
}
.list{
display: flex;
flex-direction: column;
height: 100%;
}
header {
flex: 0;
}
.vertical {
flex: 1;
position: relative;
}
.scroll {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: auto;
}
<div class="list flex-vertical">
<header>Some header</header>
<div class="vertical">
<ul class="scroll">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
<li>Item5</li>
<li>Item6</li>
<li>Item7</li>
<li>Item8</li>
<li>Item9</li>
<li>Item10</li>
<li>Item11</li>
<li>Item12</li>
<li>Item13</li>
<li>Item14</li>
<li>Item15</li>
<li>Item16</li>
<li>Item17</li>
<li>Item18</li>
<li>Item19</li>
<li>Item20</li>
<li>Item21</li>
<li>Item22</li>
<li>Item23</li>
<li>Item24</li>
<li>Item25</li>
<li>Item26</li>
<li>Item27</li>
<li>Item28</li>
</ul>
</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
