6个div方块，移开其中一个，下面自动上浮

 <div class = "dnd-container">
           <div class="map-body">
           <div style="width: 140px">
             <div class = "draggable handle"  id="{{x.id}}"
               ng-app="app"
                 ng-controller="locateCtrl"
                 ng-dblclick="toggle()"

                 ng-style = "{'line-height': x.height,'width':x.width,'top':x.top,'left':x.left,'height':x.height,'margin-bottom':x.mb}"
                 ng-click = "click(!$dragged && !$resized && !$rotated, $dropmodel ,GoPage($event.target))"

                 dnd-draggable = "true"
                 dnd-draggable-opts = "{layer: 'layer1' }"
                 dnd-on-dragstart = "dragstart($dropmodel, $dragmodel)"
                 dnd-on-drag = "drag($dropmodel, $dragmodel)"
                 dnd-on-dragend = "dragend($dropmodel, $dragmodel)"

                 dnd-rotatable = "true"
                 dnd-on-rotatestart = "dragstart()"
                 dnd-on-rotate = "drag()"
                 dnd-on-rotateend = "dragend()"

                 dnd-resizable = "false"
                 dnd-on-resizestart = "dragstart()"
                 dnd-on-resize = "drag()"
                 dnd-on-resizeend = "dragend()"
                 dnd-containment = "'.dnd-container'"

                 dnd-rect = "rect"
                 dnd-fittext = "{width:rect.width, height:rect.height}"
                 dnd-model = "dragmodel"
                 ng-repeat="x in rects"
                 style="position: relative;"
                 
                >
                <!-- style="width:140px;top:0px;height: 50px;left:10px;margin-bottom: 1px" -->
                <!-- qq -->
                <span class="sdevicea"  name="{{x.mac}}" value="{{x.alias}}" >{{x.mac}}</span>
                <a href="wss_status.html#/list?AP={{x.mac}}&Type=configuration" class="set" ng-show="myVar"><img src="../img/set.png" alt=""/></a>
                <a href="wss_status.html#/list?AP={{x.mac}}&Type=chart" class="chart" ng-show="myVar"><img src="../img/chart.png" alt=""/></a>
                <img src="../img/delete.png" class="delete" id="{{x.imgId}}" ng-show="myVar" ng-click="dela($index)" ng-style="{'cursor':'pointer'}" />
              </div>
            </div>

7 个解决方案

#1

下面的本来就会自动上浮，由于有一个被移除了，不占据空间，下面的div 会自动占满，浏览器重新计算样式

#2

我就是想要实现自动上浮的功能，该如何实现

#3

引用 2 楼 weixin_36448571的回复:

我就是想要实现自动上浮的功能，该如何实现

是想要实现动画效果吗，自动上浮，在你另一个帖子，给了案例，自己运行，看一下效果再说

#4

我那个点击后返回原来位置的效果啊有什么想法，点击后重新设置位置的话不方便，加入有100个方块那就要设置100个位置了，所以还有别的办法没？

#5

引用 4 楼 weixin_36448571 的回复:

我那个点击后返回原来位置的效果啊有什么想法，点击后重新设置位置的话不方便，加入有100个方块那就要设置100个位置了，所以还有别的办法没？

你看了我的那个栗子没，一百个，和一千个有什么区别，都不需要设置位置就能实现

#6

你那个方法让我明白很多，但是我这个里面不知道为什么，我给那6个DIV又加个一个大的div包裹起来，当拖移这个6个小div后，点击按钮后就是不返回原来位置，跑到那个大的div外面去了

#7

解决了 谢谢