DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?

Почему блок заходит на плавающий блок?

codepen.io/anon/pen/XKgQbQ

Как сделать, чтобы .b занимал оставшуюся часть и не заходил на .a?
  • Вопрос задан
  • 245 просмотров
Решения вопроса 3
bingumd
@bingumd
.b {
  height: 3rem;
  border: 4px solid #f00;
  overflow: hidden;
}
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
AnnTHony
@AnnTHony
Интроверт
Почему блок заходит на плавающий блок?

- float выводит документ из потока

div {
  border: 2px solid;
  display: flex;
}

.a {
  height: 3rem;
  width: 3rem;
}

.b {
  flex-grow: 1;
  height: 3rem;
  border: 4px solid #f00;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы