我需要创建一个布局，其中作为滚动容器的 div 绝对位于三个侧面（左侧、右侧和底部），但其大小与上面的同级容器一起动态调整。滚动容器和兄弟容器都在一个固定尺寸的容器中。我制作了一个 jsfiddle 来演示我的问题。
如果您按照那里的单击说明进行操作，您将看到当您在单击第二个容器后单击顶部容器时，它会调整大小，理想情况下会将 div.myscroll 的顶部向下推。这不会发生，因为 div.myscroll 已将 top 设置为 20px；新的 CSS3 灵活的盒子布局有什么方法可以使这个工作吗？我正在寻找一种使用 CSS 的解决方案，而不是像过去那样使用 javascipt 显式设置几何尺寸。