Задание 1. Позиционирование элементов

Позиционирование элементов

Position

Суть позиционирования: любой бокс можно расположить в любом месте страницы, задав ему точные координаты.

Свойство position определяет порядок, в соответствии с которым элемент отображается на веб-странице. По умолчанию элементы отображаются последовательно один за другим в том порядке, в котором они определены в документе.

Блочные элементы, такие как p, div, table и др. отображаются в виде прямоугольника, который занимает 100% ширины родительского элемента. Поэтому последовательные блочные элементы отображаются один под другим.

Строчные элементы, такие как em, strong, span и т.п., отображаются в виде прямоугольника, ширина которого соответствует ширине данных внутри него. Поэтому инлайновый элементы отображаются рядом друг с другом, либо рядом с текстом.

Свойство position вместе с top, right, bottom и left свойствами может отображать элемент с нарушением обычного порядка.

Способы позиционирования

Static

Это способ по умолчанию, можно сказать, отсутствие какого бы то ни было специального позиционирования, а просто выкладывание блоков одного за другим сверху вниз. Этот порядок как раз и есть так называемый прямой поток.