css - 如何解决中间垂直液体盒的问题

Question

演示:http://jsfiddle.net/KTmNB/2/

如何更正此问题，使中间的 div 始终位于基于百分比的顶部和底部 div 之间，同时能够在浏览器调整大小时自动调整大小？

我已经阅读了很多关于流式布局的资料，但一直无法解决这个问题。

谢谢!

编辑:我还必须对 8、10 和 12 个 div 执行此操作:s

编辑:很高兴我在 30 分钟后没有收到回复，这让我觉得这实际上比我想象的要难 ^^

Answer 1

我在您的 jsfiddle 中看到您将左、上、右和下与宽度和高度以及上边距混合在一起……这可能是造成混淆的原因，因为它并不是那么困难。只需在选择放置元素的方式时保持一致即可。
例如。只使用，left，top，width 和 height。

http://jsfiddle.net/MrLister/Vh9ZB/