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

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

回答

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

要使父元素出现滚动条,父元素要么自己定高、要么相对于更高的祖先元素来定高,总而言之就是父元素需要解决子元素总高度溢出的问题,不能让子元素的高度传递到更高层级去溢出。
给父元素一个定位试试先: position: relative

以上是 CSS超出高度内容如何能完全滚动显示 的全部内容, 来源链接: utcz.com/a/24651.html

回到顶部