如何将卡片列表的高度设置为100%？

Question

我有网格卡列表，但我无法设置它们的高度，请帮助我

设置卡片列表的高度不起作用，虽然我也设置了父元素的高度

    <div class="desc-grid__body cards-grid">
      <ul class="cards-grid__list">
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">16 лет</span>
              <span class="short-card__desc">экспертизы</span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">10 000</span>
              <span class="short-card__desc">заявок ежедневно
              </span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item ">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">1 000</span>
              <span class="short-card__desc">Компетентных специалистов</span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">24 / 7 / 365</span>
              <span class="short-card__desc">управления сервисными работами</span>
            </p>
          </div>
        </li>
      </ul>
    </div>

Answer 1

您是否尝试过为

.cards-grid__item

提供高度？

只需添加

.cards-grid__item { height: 100px; background:red;}

即可工作

.cards-grid__item { height: 100px; background:red;}

 <div class="desc-grid__body cards-grid">
      <ul class="cards-grid__list">
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">16 лет</span>
              <span class="short-card__desc">экспертизы</span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">10 000</span>
              <span class="short-card__desc">заявок ежедневно
              </span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item ">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">1 000</span>
              <span class="short-card__desc">Компетентных специалистов</span>
            </p>
          </div>
        </li>
        <li class="cards-grid__item">
          <div class="cards-grid__short-card short-card">
            <p class="short-card__content">
              <span class="short-card__lable">Более</span>
              <span class="short-card__title">24 / 7 / 365</span>
              <span class="short-card__desc">управления сервисными работами</span>
            </p>
          </div>
        </li>
      </ul>
    </div>

希望你能得到你想要的东西..

谢谢...