在CSS中，我們可以使用JavaScript來設(shè)置展開全部的功能，我們需要獲取到需要展開的元素，然后給這個元素添加點擊事件，點擊后展開全部內(nèi)容。

HTML結(jié)構(gòu)如下：

<div class="container">
  <div class="item">內(nèi)容1</div>
  <div class="item">內(nèi)容2</div>
  <div class="item">內(nèi)容3</div>
  <div class="item">內(nèi)容4</div>
  <div class="item">內(nèi)容5</div>
  <div class="item">內(nèi)容6</div>
  <div class="item">內(nèi)容7</div>
  <div class="item">內(nèi)容8</div>
  <div class="item">內(nèi)容9</div>
  <div class="item">內(nèi)容10</div>
  <div class="item">內(nèi)容11</div>
  <div class="item">內(nèi)容12</div>
  <div class="item">內(nèi)容13</div>
  <div class="item">內(nèi)容14</div>
  <div class="item">內(nèi)容15</div>
  <div class="item">內(nèi)容16</div>
  <div class="item">內(nèi)容17</div>
  <div class="item">內(nèi)容18</div>
  <div class="item">內(nèi)容19</div>
  <div class="item">內(nèi)容20</div>
  <a href="#" id="show-all">展開全部</a>
</div>

CSS樣式如下：

.container {
  position: relative;
}
.item {
  display: none;
}

JavaScript代碼如下：

document.getElementById('show-all').addEventListener('click', function() {
  var items = document.getElementsByClassName('item');
  for (var i = 0; i < items.length; i++) {
    items[i].style.display = 'block';
  }
});

在這個例子中，我們使用了JavaScript來設(shè)置展開全部的功能，我們獲取到了需要展開的元素，即所有帶有類名'item'的元素，然后給這些元素添加點擊事件，點擊后，我們將所有元素的display屬性設(shè)置為'block'，即展開全部內(nèi)容。