Question

当我调整第一个div的大小时，它会导致下一个div向上跳“”。

要重新创建：top div拖动调整大小手柄。

的jQuery $(function() { $('.portlet').draggable({ grid: [25, 25] }).resizable({ grid: [25, 25] }); });

布局



<div class="portlet" id="P2">
    <div class="portlet-header"><h3>News</h3></div>
    <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
<div class="portlet" id="Div1">
    <div class="portlet-header"><h3>Feeds</h3></div>
    <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>

<div class="portlet" id="P2"> <div class="portlet-header"><h3>News</h3></div> <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div> <div class="portlet" id="Div1"> <div class="portlet-header"><h3>Feeds</h3></div> <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div>

CSS

Answer 1

给＃Div1一个绝对定位的顶部：100px，它应该在调整＃P2大小时保持不变。在＃Div1的初始调整大小时，它的内联定位会发生变化，浏览器会在你描述的时候碰到＃Div1。

jQuery令人不快的可拖动，可调整大小的交互

1 个答案: