Как разметить два div блока так чтобы если второй не появляется первый растягивался на всю ширину?

Question

Нужно 2 блока разместить так, чтобы когда второй блок не выводится сайтом, то первый растягвиается на всю имеющуюся область, как так сделать? на скрине показала:

Answer 1

Нужно div (ам) которые внутри задать flex: 1 1 auto Div обертка display flex

.one {
  border: 3px solid green;
  height: 100px;
  margin: 5px;
  flex: 1 1 auto;
}
.two {
  border: 3px solid red;
  height: 100px;
  margin: 5px;
  flex: 1 1 auto;
}
.wrap {
  display: flex;
}

<div class="wrap">
  <div class="one"></div>
  <div class="two"></div>
</div>

БЛОГ НА HUSL

Как разметить два div блока так чтобы если второй не появляется первый растягивался на всю ширину?

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