kpa6uu
@kpa6uu
Программист Талибана [Пыхерский Алибаба]

Как запретить «натекание» элементов друг на друга при изменении размеров окна браузера?

Каким образом можно запретить "натекание" элементов друг на друга?
Например, если элемент "натекает", то он перебрасывается на новую строку, т.е. под тот элемент, на который он натекал?
Вот, набросал примерчик (на первом изображении окно браузера открыто на весь экран. На втором окно уменьшено):

caec6a11242945ecb1e26643705ec488.png
a3a2f4b366c14b1db10f2f811102847e.png
Касательно этого примера нужно сделать так, чтобы элемент "1" при натекании на элемент "2" уходил вверх, а элемент "3" при натекании на элемент "2" уходил вниз.
Куда копать?
  • Вопрос задан
  • 518 просмотров
Решения вопроса 1
Если бы показали живой пример, было бы проще. Есть вариант использовать @media.
При разрешении экрана max-width: 768, например, делать ширину блоков, равной 100%, а не 33%
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Punkie
@Punkie
Ну так ясен красен - у вас используется position: absolute. При таком раскладе элементы перестают "толкаться".
Либо меняйте absolute на float'ы или flex, либо через @ media при нужном разрешении экрана меняйте позицию top, left и тд.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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