Как блокировать блокировку дочернего элемента?

Question

Я этот пример кода:

<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> 

класс левого блока имеют цвет фона, но фоновый стоп по меню высоты, но я люблю Backgroud продолжение и остановить конец страницы, но пример, если вставить в левый блок заполнение дно = 100% высота тха левого блок увеличение высота класса = «ряд» и класс текст-различный, мне нравится ряд обивка стоп высоты или высоты текстового различных

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

Answer 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>