Как да направите едно DIV след друго в HTML

Запишете в HTML код елемента DIV и поставете цялото желано съдържание между началните маркери * и затварянето *. Задайте идентификационния атрибут DIV an ID, за да наименувате елемента. Трябва да използвате име, което е уникално за този елемент DIV и да не използва същия идентификатор повече от веднъж на една и съща уеб страница. Например: * * Съдържанието е тук ... *

Създайте второ DIV под първото и след това добавете цялото съдържание, което искате за този DIV. Поставете идентификационен атрибут с различно име от първия. * * Съдържанието е тук ... * *

Отворете своя CSS файл или намерете етикетите, които сте кодирали в HTML файла. Можете да добавяте маркери, ако те вече не са налице. Използвайте CSS кода, за да дадете на всеки DIV "относителен" тип позиция, както е показано в този пример: #firstdiv {position: relative;} #seconddiv {position: relative;}

Добавете свойството "z-index" на CSS кода за всеки елемент DIV. Поставете стойността за "z-index" по-висока от тази за DIV, за да стените на другата. Най-ниската DIV в стека получава най-ниската стойност на "z-index". # Firstdiv {position: relative; z-индекс: 2;} #seconddiv {позиция: относителна; z-index: 1;} Можете да поставите стойността на "z-index" между нула и 999. Можете да използвате отрицателни стойности, но те създават проблеми в сложните композиции и не работят в по-стари версии на Internet Explorer.