css - css 父 div 和子 div 不能正常播放

Question

我有一个父 div，里面并排有大约六个 div。一切都很好，除非我在其中添加了一点 jQuery。

现在父 div 没有像以前那样展开。我制作了父 divrelative和子 div absolute，但父 div 只是不会伸展开。

jQuery

$(".child").click(function() { 
  var mypos, otherpos, $this; 

  // Move to the target element 
  $this = $(this); 
  pos = $this.offset(); 
  otherpos = $('selector_for_other_element').offset(); 
  pos.left = otherpos.left - pos.left; 
  pos.top  = otherpos.top  - pos.top; 
  $this.animate({ 
    left: pos.left + "px", 
    top:  pos.top  + "px" 
  }); 
}); 

CSS

<style type="text/css">
  .child{
    width: 250px;
    height: auto;
    float: left;
    padding: 10px 5px 10px 0px;
    background-color: #fff;
    position: absolute
  }
  .parent {
    width: 770px;
    height: auto;
    float: left;
    padding: 10px 0px 0px 10px;
    background-color: #fff;
    position: relative;
    overflow: none;
  }
</style>

HTML

<div class="parent">
  <div class="child">content</div>
  <div class="child">>content</div>
  <div class="child">>content</div>
  <div class="child">>content</div>
  <div class="child">>content</div>
  <div class="child">>content</div>
</div>

Answer 1

我不确定这个http://jsfiddle.net/thebabydino/CRRV5/是否正是您想要的，但它可以工作并且可以调整。