用户可以通过拖动操作来调整并排div的宽度
P粉690200856
P粉690200856 2023-08-28 17:28:25
[HTML讨论组]

我有两个并排的div。如果有任何简单的解决方案,允许用户通过拖动来调整两个div的宽度。

如果一个div的宽度增加,另一个div的宽度减少,并保持两个div宽度之和不变。

如果可以使用纯javascript或css实现,那就太好了。欢迎添加任何其他项目,比如div。

两个div的代码如下:

.left {
    float: left;
    width: 49%;
    min-height: 50px;
    border: 2px dashed #f0f
}

.right {
    float: right;
    width: 49%;
    min-height: 50px;
    border: 2px dashed #00f
}
<div class="right"></div> 
<div class="left"></div>

感谢任何想法!

P粉690200856
P粉690200856

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号