如何使p文本填充离子中的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;
}

但这就是它的样子：

我想让它填充黑色线条显示的部分 In this demo of ionic it works just how I want it to work.

太奇怪!!!

Answer 1

我刚刚使用chrome调试器进行检查，并且div位于一个离子列表项中，它给了它一些属性，所以我改变了它，现在它正在工作：

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