Дочерний элемент масштабирует по родительскому контейнеру

Question

Есть блок в котором два столбца. Левый с контентом, правый нет. Как сделать так чтобы при увеличении высоты левого высота правого тоже увеличивалась?

.main {
  font-size: 0;
  min-height: 450px;
  overflow: auto;
  position: relative;
}

.content {
  width: 80%;
  min-height: 450px;
  float: left;
  color: #0099cc;
  background: #76e260;
  font-size: initial;
}

.additional_information {
  width: 20%;
  min-height: 450px;
  float: right;
  color: #0099cc;
  background: #6449c4;
  font-size: initial;
}

<!doctype html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="main">
    <div class="content"> контент </div>
    <div class="additional_information"> доп инфомация</div>
  </div>
</body>

</html>

БЛОГ НА HUSL

Дочерний элемент масштабирует по родительскому контейнеру

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