标头有固定的高度，div.border和div.bar高度可能不同。div.Scrollable的高度应该填满屏幕的其余部分...但是我不能。

我创建了jsfiddler.

无法修改树结构，并且由于我有一个动态div.bar，所以不能对css使用静态高度。

有人能告诉我如何用CSS修复它吗？请不要使用Javascript，也不要使用jQuery。

顺晟科技：

flexbox和一些小的添加/修改没有问题。

• 设置完整大小（100%）以使用flex Childs的完整空间是很重要的。

• 为父级使用溢出隐藏。否则，子级溢出自动程序可能无法工作。

• 使用flex进行元素的动态大小。有助于使用剩余空间。

或js fiddle（如果您喜欢）。（不能保证持久性。包含与此处相同的代码。）

出于语义上的原因，我刚刚把你的无名改名为。Div也可以工作。只需为css选择器添加一个类。

我没有碰过你的HTML代码。我只将类从（无用）和to移除为selector。并更改了列表内容，以便更好地识别。只是一些优化。不需要。如果需要，您可以还原它，它仍然可以工作。

摘要中的变化：您的主要内容应该是可滚动的列表。和父母在一起。在这种情况下，html-body应该是完整的。瞧。