html - 如何使ap文本填充离子中的div

Question

我有以下<p>类描述，我希望它填充其容器 div ( ) 的剩余空间summary-container：

<div class="summary-container">
  <h2>Title here</h2>

  <p class="description">Lorem ipsum dolor sit amet, conoasnasdnaonaosnasodnoasd ad
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
  </p>
</div>

这是我的风格：

#what-to-do .summary-container {
  float: left;
  background: red;
  width: 190px;
  height: 100px;
  margin-left: 10px;
}


#what-to-do .description {
  background: cadetblue;
}

但这就是它的外观：

我希望它填充黑色线条显示的部分 在这个 ionic 演示中，它可以按照我想要的方式工作。

太奇怪了！！！

Answer 1

好吧，我刚刚检查了 chrome 调试器，那个 div 在一个离子列表项中，它给了它一些属性，所以我改变了它，现在它可以工作了：

#what-to-do .description {
  white-space: normal;
}