Несколько методов для расположения блоков под друг другом в CSS:

• Статичное позиционирование (static). 3 По умолчанию все элементы веб-страницы расположены в соответствии с естественным порядком добавления на страницу. 1 Элементы блоков в этом случае располагаются под элементами блоков. 1
• Относительное позиционирование (relative). 13 Элементы располагаются относительно собственной позиции (сдвиг на основе своего стандартного месторасположения). 1 Для использования этого вида позиционирования нужно для свойства position указать значение relative. 1
• Свойство clear. 4 Определяет, какие стороны плавающего блока не могут соседствовать с другими плавающими блоками. 4 Если задать значение left, то блок будет располагаться ниже всех левосторонних блоков, right — ниже всех правосторонних, both — ниже всех плавающих блоков. 4
• Свойство z-index. 15 Задает приоритет блоков при наложении их друг на друга. 5 Чем больше значение z-index, тем «выше» располагается элемент на странице, и наоборот, элемент с меньшим значением z-index находится за элементом с более высоким значением. 1