0

我有一个顶部和一个底部，中间有一条线来调整大小（为顶部或底部提供更多空间）。

基本上是分屏布局。但是我在让底部正确时遇到问题，无论我做什么，它总是延伸到页面之外，并且我希望底部的框能够完全按照页面顶部的方式执行。

以下演示将基本上向您展示我在做什么以及我的问题：

http://jsfiddle.net/mstefanko/e38bE/67/

我没有任何硬编码的高度（目前一切都由 %'s 设置），但我将它们添加到小提琴中以演示我的问题。

现在，调整顶部和底部大小的分隔线正在调整顶部大小，我有一些来自jQuery UI Resizable alsoResize reverse的代码来反向调整底部大小。我不确定我什至需要额外的代码，但是当我无法解决这个问题时，我认为值得一试。

此外，为了让 jquery ui 句柄正确，顶部有一个很大的底部边距，这可能会导致我的问题，但使用它似乎并没有解决问题。

任何帮助表示赞赏，谢谢！

4

1 回答 1

1

您的问题是您试图将几个固定大小的 div 压缩成一个更大的固定大小的 div，但其他 div 不适合。当您移动调整器手柄以使其适合时，您不能期望文本会调整大小，并且 div 必须去某个地方，所以它们会溢出。这里有一些建议：

  • 给容器一个 cssoverflow值auto（所以当你调整它的大小并且它太大而无法容纳时，它会自动给你一个滚动条）
  • 设置溢出值并完全摆脱调整大小
  • 给容器一个 cssheight值autoor scroll（如果大小不是问题）
于 2012-04-16T13:00:23.360 回答