【发布时间】:2013-06-14 02:51:15
【问题描述】:
我想让 2 个或更多跨越等量窗口的元素可调整大小。当调整一个元素的大小时,下一个相邻元素必须调整其宽度以占用窗口中的可用空间。基本上,不应该有任何可用空间,所有 div 的总和必须是窗口宽度的 100%。
我已经按照这里的答案:jQuery UI Resizable alsoResize reverse
我在这里有一个更新的 JSfiddle,它使用当前版本的 jQueryUI。它一直有效,直到您设置其中一个 div 的 position:absolute 和 left 位置(尝试取消注释 CSS 中的两条注释掉的行):
http://jsfiddle.net/WpgzZ/678/
知道如何在设置上述 CSS 属性后正确调整 div 的大小吗?
【问题讨论】:
-
好吧,如果 left 设置为
220px并且您将最左边的 div 减少到小于该值,那么它们之间会有一些空间 -
好吧,即使使用
position:relative,您也可以设置div.myframeleft:5px并且它可以工作。当您设置position:absolute时,它的行为不正确。 jsfiddle.net/WpgzZ/679 -
position: absolute元素不会一起流动...你为什么需要它是position: absolute? -
我使用
position:absolute和top:0 bottom:0 left:0来创建一个100% 的高度<div>。