как сделать чтобы родительский блок div автоматически растягивался по длине дочернего блока
Блоки left_column и right_column это два столбца в которые будут автоматически вставляться еще блоки от чего все остальные родительские блоки должны растягиваться. Как это сделать
body, html{
margin: 0px;
padding: 0px;
background-color: black;
width: 100%;
}
.list_news{
position: static;
width:100%;
height: calc(100% - 10vh - 60px);
border: 0.5px solid #3d3d3d;
}
.column{
position: relative;
width: 100%;
overflow: hidden;
border: 0.5px solid #00ff2a;
}
.left_column{
float: left;
position: relative;
width: 60%;
border: 0.5px solid #6200ff;
overflow: hidden;
}
.right_column{
float: right;
position: relative;
left: 2vh;
width: 60%;
border: 0.5px solid #6200ff;
overflow: hidden;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="list_news">
<div class="column">
<div class="left_column"></div></div>
<div class="right_column"></div>
</div>
</div>
</body>
</html>