Html 通过Polymer将容器垂直固定在水平布局中

我有一个布局，左边是一种文件系统树，展开文件夹和文件，右边是详细视图。布局是用聚合物完成的，它水平灵活，在两个容器之间有一个芯分离器

我的目标是使右侧的细节视图垂直固定，以便无论我在左侧容器中与树一起向下滚动多远，它都位于视口中

---

有什么方法可以做到这一点吗？

当然，这是可能的。三件关键的事情

在父容器上设置

fit

，使容器占据整个视口

设置您的

使用

overflow-y:auto

设置左侧面板的样式

下面是一个工作示例：

聚合物演示：岩心分离器
#左{
溢出y：自动；
}

（li<<
<
<<<<<
<<<
<<<< <<<丽丽><丽丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><丽><<<丽><<丽><<<丽><<丽><<<<<丽><丽><<<<丽><<<<<丽><<<<<丽><<<<<丽><<<<<<<丽><<<<<<<<<丽><<<<<<丽><<<<<<<<<<<丽><<<<<<<<<<丽><<<<<<<<<<<<<<<<<<丽><<<<<<<<<<<<<<<<<<
诸如此类
诸如此类
诸如此类诸如此类
诸如此类（li<
<城市><<<<
刮刮邦邦邦邦邦邦邦邦邦邦邦邦邦邦<<<<<<<<<<<<<<<<<<<<<<<<丽><丽><丽><<<<<<<<<丽><<<<丽><<<<<<<<<<<丽<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类拉

我是对的！