CSS超出高度内容如何能完全滚动显示

Question

html里面还有内容 但是页面上已经滚动无法显示出来了 求问 这种改如何解决

`

.passage {
  background-color: white;
  padding: 50px 20px;
  overflow: auto;
  // height: 80%;
  max-height: 1100px;
}
.gragh {
  margin: 10px 0;
  padding: 5px;
}
.gragh span {
  cursor: pointer;
}
.el-tabs__content {
  overflow: inherit !important;
}
.el-form--inline .el-form-item__label {
  font-size: 0.2rem;
}

`

1 不想窗口出现滚动条 只想在div里面自己能够滚动内容

2 高度只能设置固定的高度 才能出现滚动 设置百分比无效 其实我不想用max-height

Answer 1

首先你不显示滚动条，用户根本不知道内容是否能够滚动，理论上你只要把放内容的div设置高度。当内容超过容器高度就可以滚动了，至于div的高度，你可以直接设置固定高度，也可以使用js计算剩余高度