canvas父容器设置overflow的问题，为什么在x轴无法实现溢出滚动?

Question

父容器设置了width, height为100%以及overflow:auto，内部canvas使用fabric.js的setDimensions设置画布宽高，当height超过父容器时就会在y显示出滚动条，而width超出时就会把父容器撑大，为什么会这样？

Answer 1

父容器设置 100% 意味着是根据子元素的内容而变化的宽度，如果你要 overflow，应该使用一个固定的宽度，或者使用 viewport 作为宽度。