Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 展开DIV left+；正确的_Javascript_Jquery - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 展开DIV left+；正确的

Javascript 展开DIV left+；正确的

javascript jquery

Javascript 展开DIV left+；正确的,javascript,jquery,Javascript,Jquery,接踵而至 是否有可能将div展开，左边和右边，而不是只展开到右边和下面的另一个SO问题的答案 干杯当然是 结构 您需要将父容器设置为position:relative和您的实际div设置为位置：绝对 这样，您就可以无需担心地修改div的位置。这应该作为一个起点。您可以看到子div相对于父div上下移动 <style> .parent { position: relative; width: 200px; height: 200px;

接踵而至

是否有可能将div展开，左边和右边，而不是只展开到右边和下面的另一个SO问题的答案

干杯当然是

结构

您需要将父容器设置为
position:relative和您的实际div设置为
位置：绝对

这样，您就可以无需担心地修改div的位置。这应该作为一个起点。您可以看到子div相对于父div上下移动


<style>
    .parent { 
       position: relative;
       width: 200px;
       height: 200px;
       background: yellow;
       margin: 40;
     }
     .child {
         position: absolute;
         top: -10px;
         left: -10px;
         width: 100px;
         height: 100px;
         background: red;

     }
</style>

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

    </div>
</div>



你试过了吗？如果是，你试过什么？

$('.child').animate({'left' : '-=10px', 'width' : '+=20px'});