3

1 つの親 div 内に 3 つの div があります。最初に要素のサイズを変更する場合、他の要素の位置が変更されます、 JSFIDDLE

ここに私のコードがあります:

HTML

<div class="parent">
<div class="element" >BOX1</div>
<div class="element" >BOX2</div>
<div class="element" >BOX3</div>
</div>

CSS

.parent { 
    width:300px;
    height:300px;
    background:#e0e0e0
}
.element {
    width:100px;
    height:20px;
    background:red;
}

JS 

$(document).ready(function() {
    var x = 0;
    $('.element').each(function() {
        x++;
        $(this).draggable({
            containment: $('.parent')
        });
        $(this).resizable({
            containment: $('.parent')
        });
        $(this).css('left', x * 50);
        $(this).css('top', x * 50);
    });
});

JSFIDDLE

4

1 に答える 1

8

つまりposition:relative、ボックスの1つが変更されるたびに、それが絶対になり、ページの流れから「取り出される」ため、他のボックスが上に移動して、残ったスペースを埋めます。

.elementボックスを変更すると、position:absolute;これが修正されます。

.element {
width:100px;
height:20px;
background:red;
position:absolute;
}

例: http://jsfiddle.net/WRL8u/3/

于 2012-09-06T19:13:41.053 に答える