3div相同的高度。缩小最左边的宽度和所有高度与窗口-3DIVssameheight.Shrinkleftmostwidthandallheightswithwindow

var c = document.getElementById("draw");
ctx = c.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 250, 300);
ctx.fillStyle = "white";
ctx.fOnt= "bold 40pt Arial";
ctx.fillText("CANVAS", 10, 100);

tmp = "";
for (var i = 0; i <100; i++) {
    tmp += "
" + i + "
";
}

document.getElementById("center").innerHTML = tmp;
document.getElementById("right").innerHTML = tmp;

.container {
    max-width: 650px;
    margin: 0 auto;
    border: 1px solid black;
    display: flex;
}
.container > div {
    position: relative;
    min-width: 0;
}
.left {
    max-width: 250px;
    width: auto;
}
.left canvas {
    display: block;
    max-width: 100%;
    height: auto;
}
.center {
    flex: 0 0 200px;
    overflow-y: scroll;
    background-color: blue;
}
.right {
    flex: 0 0 200px;
    overflow-y: scroll;
    background-color: green;
}
.scroll {
    position: absolute;
    width: 100%;
}