国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>I have two divs side by side. If there is any simple solution, allow the user to resize the width of both divs by dragging. </p> <p>If the width of one div increases, the width of the other div decreases, keeping the sum of the widths of the two divs unchanged. </p> <p>It would be great if it could be implemented using pure javascript or css. Feel free to add any other items like divs. </p> <p>The codes for the two divs are as follows: </p> <pre class="brush:php;toolbar:false;">.left { float: left; width: 49%; min-height: 50px; border: 2px dashed #f0f } .right { float: right; width: 49%; min-height: 50px; border: 2px dashed #00f }</pre> <pre class="brush:php;toolbar:false;"><div class="right"></div> <div class="left"></div></pre> <p>Thanks for any ideas! </p>

/* 用于輕松調(diào)整 .right 大小的彈性盒容器 */
.wrapper { display: flex }

.left, .right {
    /* 初始大小，瀏覽器將記住上次狀態(tài)直到頁面重新加載 */
    width: 50%;
    min-height: 50px; /* 至少要有一些內(nèi)容顯示 */
    min-width : 50px;
}

.left {
    overflow: auto; /* 必須使手柄可見 */
    resize: both;   /* 啟用雙向調(diào)整大小 */
           /* 在單個方向上使用 horizontal/vertical */
}

.right {
    flex: 1; /* 將填充剩余的水平/垂直空間 */
}

/* 美化 */
.left  { border: 2px dashed #f0f }
.right { border: 2px dashed #00f }

<div class="wrapper">
    <div class="left" ></div>
    <div class="right"></div>
</div>