Задать вопрос
@Fly3110
web developer

Как сохранить ширину div рядом с плавающим блоком?

Всем привет.

Не смог нормально сформулировать вопрос.
https://jsfiddle.net/s7ku6s7u/ - вот пример.

Хочется, чтобы красный блок не становился шириной 100%, когда вышел за пределы зеленого блока. То есть, чтобы он остался "колонкой". При этом нельзя менять только его стили, все блоки идут с классом info и неизвестно сколько в них будет контента и какой именно блок надо будет оставить "колонкой".

На разных разрешениях красный блок может уже быть не справа от зеленого а быть внизу, тогда будет непонятно, что я имел в виду. Вот картинка: joxi.ru/YmE1YnyhZE7Lwm прямоугольником выделено, как бы я хотел, чтобы себя вел блок.

Следующие блоки, которые начинаются уже ниже зеленого, должны иметь ширину 100%, как и сейчас

Спасибо заранее :)
  • Вопрос задан
  • 72 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
isqua
@isqua
Научу HTML, CSS, JS, BEM и Git
Если я правильно понимаю вопрос, то добавьте в стили:

#need-to-be-fixed { overflow: hidden }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы