Возникли проблемы с выполнением сложного макета с минимальным использованием относительного и абсолютного позиционирования.
Вот мой макет:
Все мои элементы плавают влево, сидя бок о бок, только с одной проблемой: граница img должна перетекать в следующую строку. Как я могу это сделать, не позволяя элементам во 2-й строке (элементы CTA
) опускаться ниже нижнего поля border img?
Вот что произойдет, если я установлю высоту border img
Для уточнения:
Дом таков, что border img
находится между main_sidebar
и CTA_top_container.
- main_side_image
- main_heading_container
- main_sidebar
- граница_img
- CTA_top_container
- CTA_Button_relative
Заключительные мысли:
У меня есть несколько идей, например, разместить вправо границу img как div (или susy last
) и установить background-image
как ширину 60% и расположить слева от div или вложить img с абсолютным позиционированием внутри относительного контейнера, чтобы подтолкнуть его к левый, но я боюсь разрушить плавность макета (он находится внутри плавной сетки).
есть идеи?