【CSS】height:100%のページをコンテンツに応じて伸びるようにする

<div class="page">
  <div class="page-content">
    <p>content</p>
  </div>
</div>

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.page {
  position: relative;
  height: auto;
  min-height: 100%;
  background-color: #ccc;
}