2

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

重新创建:顶部 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>

CSS

.portlet { min-width: 100px; min-height: 100px; width: 100px; height: 100px; background-color: #C0C0C0; }

4

1 回答 1

0

给#Div1 一个top:100px 的绝对定位,并且在调整#P2 大小时它应该保持不变。在 #Div1 的初始调整大小时,它的内联定位会发生变化,并且浏览器会按照您的描述向上提升 #Div1。

于 2011-07-27T00:06:12.783 回答