Пример:
2. Положение : абсолютный Абсолютная позиция:1. Там нет позиции: абсолютный (или относительный) на внешнем слое; Затем Div расположен относительно браузера, как показано на рисунке ниже (50 пикселей от правой границы браузера и 20 пикселей от нижней границы).
2. Внешний слой имеет положение: абсолютный (или относительный); Затем Div расположен относительно границы наружного слоя, как показано на рисунке ниже (50 пикселей от правой границы D и 20 пикселей от нижней границы D).
Пример:
3. позиция : относительно Относительная позиция:Как показано на рисунке ниже, он фиксируется относительно определенной позиции DIV, которое содержит этот Div. Если внешний слой не содержит его, он будет зафиксирован по сравнению с браузером.
Пример:
4. Слоирование ( z-Index ) Слои в направлении оси Z можно понимать как деление на стопку бумаги, а чем выше количество слоев, тем выше верхняя.В приведенном выше примере мы видим, что AA охватывает A, потому что уровень отображения более позднего кода выше, так что как может охватывать AA без изменения порядка кода. следующее:
Пример:
5. Float : слева , справа Когда вам не нужно указывать местоположение ( слева и сверху ) , но оно напрямую относительно браузера. Если внешняя внешняя часть обернута, отображается верхний левый или верхний справа от положения удаленной строки относительно внешнего DIV . Дополнительное: 1. переполнение: скрыто; // Скрыть за пределами части; Прокрутите, отобразите полосу прокрутки;<div>/div> // усечь поток
2. Курсор: форма мыши указателя, когда она указывает на нее;
3. Позрактериальный эффект:
<div class = box> Прозрачная область <div>
Код в таблице стиля:
.коробка
{
непрозрачность: 0,5; -Моз-мобилизация: 0,5; Фильтр: альфа (непрозрачность = 50)
}
Подводя итог пример практики: часть макета формата веб -сайта ADVA
HTML -код: Xml/html -код копировать содержимое в буфер обмена