css布局--两列布局,左侧固定,右侧自适应(其中左侧要可以拖动,右侧水平滚动条)

css布局--两列布局,左侧固定,右侧自适应(其中左侧要可以拖动,右侧水平滚动条)(css布局所要实现的效果)

在前端面试中经常会被问到CSS布局,两列布局,左侧固定,右侧自适应。前几天去面试,遇到了这道题的升级版,要求左侧可拖动,右侧要有水平滚动条。拿到题目确实有些大脑短路,不知道如何实现左侧可拖动的效果,面试官最后给的提示是设置resize属性+flex布局

resize定义

css布局--两列布局,左侧固定,右侧自适应(其中左侧要可以拖动,右侧水平滚动条)

css布局--两列布局,左侧固定,右侧自适应(其中左侧要可以拖动,右侧水平滚动条)

实现方案:https://codepen.io/jessy90/pen/RJJZPy

上一篇:深入浅出ECharts系列(一)地图+散点图


下一篇:左侧固定,右侧自适应的布局方式理解margin负值理论