Поэтому вы, возможно уже знаете как реализовать подобное решение. Если нет, то эта статья обязательна к прочтению Три способа создания 1) Используйте SVG в форме треугольника. Эта техника хорошо описана Эриком Кеннеди на CSS-Tricks . 2) Скрыть часть вашего раздела, используя CSS-Clip-Path. 3) Использование CSS-преобразований. Вы, возможно, уже догадались, какой из приведенных вариантов я собираюсь использовать. Правильно, третий :-) Начинаем Базовая разметка <div class="diagonal-box"> <div class="content"> ...

Тут поговорим об одном из-самых популярных способов делать верстку в ie7 и выше. Ранее мы обсуждали поведение блочных и инлайновых элементах и у них есть свои недостатки. Для блочных элементов это текучесть текстов внутри них и не всегда ожидаемое поведение в плане обтекания внутренним содержимым других блоков. Для инлайновых элементов это проблемы связанные с высотой линии, которой не так то просто управлять не задевая при этом размеры шрифтов. Задача Все эти проблемы не позволяют решить задачу вертикального позиционирования динамических элементов...