如何将选项卡内容的内容高度设置为auto

Question

materialize.css中的标签似乎允许内容仅跨越一定高度，超过它只会将其切断。

如何改变这一点，以便不管每个标签内容的长度是多少都不会将其切断并让它向下扩展到它想要的范围？

<ul id="tabs-swipe-demo" class="tabs">
  <li class="tab col s3">
    <a href="#test-swipe-1">Test 1</a>
  </li>
  <li class="tab col s3">
    <a class="active" href="#test-swipe-2">Test 2</a>
  </li>
  <li class="tab col s3">
    <a href="#test-swipe-3">Test 3</a>
  </li>
</ul>
<div id="test-swipe-1" class="col s12 blue">Test 1</div>
<div id="test-swipe-2" class="col s12 red">Test 2</div>
<div id="test-swipe-3" class="col s12 green">Test 3</div>

我不希望任何标签内容高度依赖于另一个。它们应该尽可能地扩展。