Слайд 2
![Контейнеры областей](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/196170/slide-1.jpg)
Слайд 3
![Преобразование значений display, position, float](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/196170/slide-2.jpg)
Преобразование значений
display, position, float
Слайд 4
![Обтекаемые (плавающие) элементы Свойство float: none (начальное значение), left, right](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/196170/slide-3.jpg)
Обтекаемые (плавающие) элементы
Свойство float: none (начальное значение), left, right
Область принимает естественную
ширину
Свойство clear — запрет обтекания
none (начальное значение), left, right, both
Слайд 5
![Абсолютное позиционирование position: absolute; Область принимает естественную ширину Смещение —](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/196170/slide-4.jpg)
Абсолютное позиционирование
position: absolute;
Область принимает естественную ширину
Смещение — свойства left, right, top,
bottom
начальное значение — auto
(статическое положение:
верхний левый угол области совпадает
со своим положением в нормальном потоке)
Фиксированное позиционирование
position: fixed;
Слайд 6
![Ширина и отступы при абсолютном позиционировании Подробнее: www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/196170/slide-5.jpg)
Ширина и отступы
при абсолютном позиционировании
Подробнее:
www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width