9 | Учим основы CSS Grid | Кайдзен разработка
Основы CSS: позиционирование
Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов. Позиционирование элементов определяется правилом position это правило чем то похоже на display, оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов "залипающих" на экране. static Это позиционирование элементов по умолчанию. Оно подразумевает, что элементы идут друг за другом согласно блочной модели...
CSS позиционирование элементов
В прошлых уроках мы подробно разбирали блочную модель вертски, как отступать блоки друг от друга, изучали поведение и расположение элементов относительно друг друга. Но как располагать элементы на странице, не влияя на расположение других блоков, не нарушая семантику документа? Для этого существует позиционирование (position). Это правило может применять 4 значения — relative, absolute, fixed и static. В этом уроке речь пойдет о фиксированном позиционировании (position:fixed)
Важно сказать, что применение одного лишь правила position недостаточно...