Вертикальное выравнивание вложенного блока в правом боковом меню

Question

Как выровнять вертикально содержимое вложенного блока? (блок FilterGroupNewDesign вложен в FilterDropdown__body.FilterDropdown__body_opened, а тот в свою очередь вложен в FilterBlockNewDesign) Есть блок в html (блок .FilterBlockNewDesign)

<div class="FilterBlockNewDesign">
  <div>
    <div class="FilterDropdown__header FilterDropdown__header_opened FilterDropdown__selected">
      <div class="FilterDropdown__filter-open-group"><span class="FilterDropdown__header-title"><span class="FilterBlockNewDesign__title">Товары со скидкой</span></span><i class="FilterDropdown__toggle-opened arrow_01_B IconFontStory__icon IconFont IconFont_size_s IconFont_arrow_01_B"></i></div>
    </div><!-- заголовок блока со стрелкой вправо -->
    <div class="FilterDropdown__body FilterDropdown__body_opened">
      <div class="FilterGroupNewDesign"><!-- пункты правого бокового меню -->
        <div class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio FilterLabelNewDesign__radio_checked Radio Radio_checked"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign FilterLabelNewDesign_selected"><span class="FilterLabelNewDesign__name">Любой</span></div></span></label></div>
        <div
          class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">5% и больше</span><sup class="FilterLabelNewDesign__counter">54</sup></div></span></label></div>
      <div
        class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">10% и больше</span><sup class="FilterLabelNewDesign__counter">13</sup></div></span></label></div>
  </div>
</div>
</div>
</div>

Есть также блок .FilterDropdown__body FilterDropdown__body_opened (который вложен в .FilterBlockNewDesign и в котором описаны пункты правого бокового меню и в который вложен .FilterGroupNewDesign.

<div class="FilterDropdown__body FilterDropdown__body_opened">
  <div class="FilterGroupNewDesign">
    <div class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio FilterLabelNewDesign__radio_checked Radio Radio_checked"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign FilterLabelNewDesign_selected"><span class="FilterLabelNewDesign__name">Любой</span></div></span></label></div>
    <div
      class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">5% и больше</span><sup class="FilterLabelNewDesign__counter">54</sup></div></span></label></div>
  <div
    class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">10% и больше</span><sup class="FilterLabelNewDesign__counter">13</sup></div></span></label></div>
</div>
</div>

Есть также блок (блоки вложены так: FilterBlockNewDesign -> FilterDropdown__body.FilterDropdown__body_opened -> FilterGroupNewDesign

<div class="FilterGroupNewDesign">
  <div class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio FilterLabelNewDesign__radio_checked Radio Radio_checked"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign FilterLabelNewDesign_selected"><span class="FilterLabelNewDesign__name">Любой</span></div></span></label></div>
  <div
    class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">5% и больше</span><sup class="FilterLabelNewDesign__counter">54</sup></div></span></label></div>
<div
  class="FilterGroupNewDesign__filter-item FilterLabelNewDesign"><label class="FilterLabelNewDesign__radio Radio"><span class="Radio__input InputBox InputBox_type_radio"><input class="InputBox__input" type="radio" name="" value=""><span class="InputBox__checkmark"></span></span><span class="Radio__label"><div class="FilterLabelNewDesign"><span class="FilterLabelNewDesign__name">10% и больше</span><sup class="FilterLabelNewDesign__counter">13</sup></div></span></label></div>
  </div>

Каким образом можно задать в css высоту div.FilterDropdown__body.FilterDropdown__body_opened, равную высоте div.FilterGroupNewDesign(не задавая конкретные числовые значения)? Смотри Новое дополнение

БЛОГ НА HUSL

Вертикальное выравнивание вложенного блока в правом боковом меню

Ответы (0 шт):