html - 防止 DIV 标签在另一个 DIV 内滚动并显示完整内容

Question

我在一个 div 中有 3 个 div，但最后一个 div 在第二个 div 和页面末尾之间滚动。我想让那个 div 显示全部内容，而不是在 div 内滚动。我怎样才能做到这一点。？ 我删除了我的整个 css，它仍然是一样的。

编辑:我发现其中一个父 div 的高度自动设置为 599px。没有在 css 中给出任何代码。我怎样才能防止这种情况发生

Answer 1

如果您的 div 都没有固定高度，则它们都应该展开以显示其内容而无需滚动。在下面的代码中，您可以添加尽可能多的 <p>随心所欲地标记。

div {
  width: 300px;
  padding:10px;
}
#one {
  background: #f2f2f2;
  color: #282828;
}
#two {
  background: #888888;
  color: #282828;
}
#three {
  background: #282828;
  color: #ffffff;
}

<div id="container">
  <div id="one">
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
  </div>
  <div id="two">
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
  </div>
  <div id="three">
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
    <p>data</p>
  </div>
</div>