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

时间:2012-01-30 05:41:02

标签: css layout html

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

如何更正此问题,以便中间div始终位于基于百分比的上下div之间,同时能够在浏览器自动重新调整大小?

我一直在阅读很多关于液体布局的内容,但一直无法解决这个问题。

感谢 - 你!

编辑:我还要用8,10和12个div来做这个:s

编辑:有点开心我30分钟后没有收到回复,让我觉得它实际上比我想象的更难^^

1 个答案:

答案 0 :(得分:1)

我在你的jsfiddle中看到你正在混合左,上,右和底部的宽度和高度以及上边距......这可能是造成混乱的原因,因为它并不是那么困难。只需要一致地选择你想要的东西。
例如。只使用,左,顶部,宽度和高度。

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