防止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>