左右Div可拖动布局框架

并排，中间加个“拖拽条”，再加点 JS 交互，用户拖一下，两边的宽度就动态调整了。样式用 CSS 随便控制下颜色、边框啥的就行，关键是拖动部分，得监听鼠标事件，别忘了加宽度限制，拖太过也没啥意义。

结构上你可以用

和撑起左右，再用float或者更现代的flex搞定布局。JS 逻辑不复杂，mousedown 记录初始位置，mousemove 不断算新宽度，mouseup 时清掉状态。jQuery 写起来顺手，也可以原生写，逻辑都差不多。

有一点别忘了，最好加点min-width控制，免得用户一拖两边都不见了。再加点transition，体验更顺滑。如果想做得更高级点，可以监听窗口 resize 事件，做成响应式的。

，这种拖动布局，挺实用的，也不难实现。你要是平时有后台系统、在线工具那类需求，可以考虑封装成个组件，调用也方便，维护也轻松。