201 9 ОСНОВЫ CSS. ОБТЕКАНИЕ И ПОЗИЦИЯ ИНФОРМАЦИОННО-ТЕХНОЛОГИЧЕСКИЙ МОДУЛЬ БФУ

или дополнительного тега, будут передаваться тому тегу свойства, который был

записан последним. Если не писать дополнительные теги, то свойства получит тот, который указан в селекторе.

остальные элементы будут обтекать его с других сторон.
Синтаксис
float: left |

right | none
Значения:
left выравнивает элемент по левому краю, а все остальные элементы, вроде текста, обтекают его по правой стороне.
right выравнивает элемент по правому краю, а все остальные элементы обтекают его по левой стороне.
none обтекание элемента не задается. (по умолчанию)

элементами. Если задано обтекание элемента с помощью свойства float, то

clear отменяет его действие для указанных сторон.
Синтаксис
clear: none | left | right | both
Значения:
left отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом.
both отменяет обтекание элемента одновременно с правого и левого края.
right отменяет обтекание с правой стороны элемента.
none отменяет действие свойства clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек. (по умолчанию)

объектов на веб-странице.
Синтаксис
position: absolute | fixed | relative | static

Значения
relative положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
static элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам. (по умолчанию)

2019

ПОЗИЦИЯ

отображаются на веб-странице словно абсолютно позиционированного элемента и нет.
Положение

элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента.
Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
fixed по своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
Свойство float не работает в тегах со свойствами fixed или absolute.

2019

затем смещается относительно его ближайшего прокручивающего предка и содержащего блока (en) (ближайший родительский уровень блока),

включая элементы, связанные с таблицей, на основе значений  top, right, bottom, и left. Смещение не влияет на положение любых других элементов.
«Липкий» элемент похож на элемент со статическим или относительным позиционированием поскольку сохраняет свою естественную позицию в потоке. Фиксированное, когда элемент залипает, то остаётся на той же позиции в области видимости и вырывается из потока документа. Абсолютно в конце доступной для перемещений области тега, в котором останавливается и остаётся поверх другого элемента. Он рассматривается как относительно позиционированный до тех пор, пока содержащий его блок не пересечёт указанный порог.

2019

рамок и отступов.
left устанавливает положение левого края содержимого тега.
right устанавливает

положение правого края содержимого тега.
top устанавливает положение верхнего края содержимого тега.

Синтаксис
top (left, right, bottom): значение | проценты | auto

auto не изменяет положение тега.

друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное

экрану.
Синтаксис
z-index: число | auto
Значения
В качестве значения используются целые числа (положительные, отрицательные и ноль). Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Тег также будет создавать локальный контекст наложения, в котором его собственный уровень будет равен 0. Это значит, что значения z-index внутренних тегов не будут сравниваться с z-индексами тегов вне этого тега.
auto контейнер не будет создавать локального контекста наложения. Уровень контейнера в текущем контексте наложения такой же, как и у родительского.