webapp,怎么设置div,宽度100%,可以上下拖拉调整高度，如下图效果

Question

有什么插件可以实现如下效果吗，webapp的默认状态通过手势，按住蓝色的div,可以上下拖拉调整红色线下面div人高度

Answer 1

这不是css就能写的么

    body{

      -webkit-user-select: none;

    }

    .box {

      display: inline-block;

      border-bottom: 2px solid red;

    }

    .cont{

      width:150px;

      height: 8px;

      resize:vertical;

      overflow: hidden;

      margin-right: 150px;    

    }

    

    

    

    <div class="box">

  <div class="cont"></div>

</div>

<p>wwwwwwwwwwwwwwwwwww</p>