Question

我有一个垂直方向上很大的容器，即使内容没有溢出其父容器，我也想使其内容可滚动。这是不可能的吗？

示例代码

<div class="container">
  <div class="content">
    This div should be scrollable even though it fits the parent.
  </div>
</div>

样式

.container {
  height: 500px;
  overflow: scroll;
}

Answer 1

即使内容没有溢出其父级，也无法使其内容滚动。您只需设置min-height: 600px /*more then your container height*/中的.content。

这是代码段中的代码。

.container {
  height: 500px;
  overflow-y: scroll;
}
.content {
  min-height: 600px;
}

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<body>
  <div class="container">
    <div class="content">
      This div should be scrollable even though it fits the parent.
    </div>
  </div>
</body>

谢谢...

有没有办法使内容可滚动，即使它适合其父级？

1 个答案: