我有一个顶部和底部，中间有一条线来调整大小（给顶部或底部留出更多的空间）。
基本上是分屏布局。但我有一个问题，让底部正确，无论我做什么它总是超出页面，我希望底部的框执行完全与页面顶部相同。
以下演示将基本上向您展示我正在做的事情以及我的问题：
http://jsfiddle.net/mstefanko/e38bE/67/
我没有任何硬编码高度（目前所有内容都是由％s设置的），但我将它们添加到小提琴中以示范我的问题。
现在调整顶部和底部大小的分隔符正在调整顶部的大小，我有一些来自jQuery UI Resizable alsoResize reverse的代码来反转调整底部的大小。我不确定我是否需要额外的代码，但是当我无法解决这个问题时，我认为值得一试。
此外，为了让jquery ui处理正确，顶部有一个很大的底部边距，这可能会导致我的问题，但玩它似乎并没有摆脱这个问题。
感谢任何帮助，谢谢！
答案 0 :(得分：1)
你的问题是你试图将固定大小的几个div压缩成一个更大的固定大小的div，但其他div不适合。移动缩放器手柄以使其适合时，您不能指望文本调整大小，并且div必须去某处，因此它们overflow。以下是一些建议：
overflow的{{1}}值（因此当您调整大小并且它太大而不适合时，它会自动为您提供滚动条）auto height或auto的css值（如果尺寸不是问题）