div仅显示垂直滚动条

Question

为什么div只显示垂直滚动条？

画布的尺寸都比div大：

div {
  padding-top: 2px;
  height: 709px;
  width: 889px;
  overflow: auto;
}

<div>
  <canvas width="1405" style="" height="2023"></canvas>
</div>

任何澄清都将不胜感激。

Answer 1

@NKL你是对的。但是无法向下滚动。但是当我减小高度时，滚动条变得可见：）

Answer 2

div {
  padding-top: 2px;
  height: 709px;
  width: 889px;
  overflow: auto;
}
.canvas{
    width:1405px;
    height:2023px;
}

<div>
  <canvas class="canvas"></canvas>
</div>

检查一下。