Как заблокировать заполнение div ребенка?

У меня есть этот пример кода:

<div class="container">
    <div class="row">
        <div class="left-block" style="background-color:#000000">menu</div>
        <div class="text various">text article</div>
    </div>
</div>

класс left-block имеет фон-цвет, но фон стоп по высоте меню, но мне нравится backgroud продолжение и стоп конца страницы, но пример, если вставить в левый блок заполнение-bottom=100% tha высота Левый блок увеличение высоты по классу= «строка» и класс текста-различные, мне нравится заполнение стоп по высоте строки или высота текста-различные

помогите мне пожалуйста

1 ответ

  1. Как я понимаю, вам нужно что-то вроде этого:

    .row {
      display: flex;
    }
    
    .left-block {
      color: #fff;
      padding: 8px;
    }
    
    .text {
      padding-left: 8px;
    }
    <div class="container">
        <div class="row">
            <div class="left-block" style="background-color:#000000">menu</div>
            <div class="text various">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quia aperiam, ex fugiat! Ad odio voluptatem magnam, alias, voluptatibus vero corporis adipisci quos dicta, asperiores consequatur maiores iste unde dolore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quia aperiam, ex fugiat! Ad odio voluptatem magnam, alias, voluptatibus vero corporis adipisci quos dicta, asperiores consequatur maiores iste unde dolore.  
          </div>
        </div>
    </div>