Значения свойства position:
- Static - поведение элементов по умолчанию.
- Fixed - вырывает элемент из потока и фиксирует строго в одном месте.
- Sticky - вырывает элемент из потока в выбранном нами месте, до этого находится в потоке элементов.
- Absolute - оставляет элемент в потоке и позволяет пододвинуть себя на фиксированную длину. Двигается относительно ближайшего спозиционированного родителя или если такого нет - body.
- Relative - используется в связке с absolute. Назначается элементу родителю от которого позиционируем через absolute. Получаем группировку элементов.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero consequuntur quos est consectetur assumenda! Architecto quibusdam amet esse adipisci nesciunt excepturi sunt, odit inventore, beatae molestiae a similique hic voluptates. Deleniti ipsa autem amet repellendus reprehenderit laboriosam neque nam cumque delectus. Maxime vitae voluptatum iste. Provident non fugiat sint ducimus inventore doloremque, culpa incidunt. Explicabo dolores Этот текст прилипнет сверху quam unde recusandae est. Aliquid quod dolorum suscipit error inventore eum atque eius expedita tempora nulla. Veniam, maxime voluptatibus necessitatibus neque omnis molestiae impedit quibusdam sunt mollitia cupiditate. Voluptatum at ratione rem saepe inventore! Maiores nobis voluptas porro ipsum aperiam exercitationem doloribus inventore ipsam officia dolore totam asperiores, consequuntur provident aliquam alias? Blanditiis eligendi illum deleniti eos, voluptate deserunt corrupti adipisci iste sed aliquid. Vel recusandae porro velit tempore voluptatum deserunt dignissimos, repellendus praesentium ducimus quam reiciendis modi sed debitis beatae perspiciatis excepturi. Laborum nobis maiores sapiente vero quaerat, tempora exercitationem quasi dolor quis! Autem unde delectus accusamus? Error assumenda rerum praesentium doloribus. Nihil eveniet impedit id, aut inventore doloremque dolorum porro rerum, blanditiis eligendi reiciendis, vel ratione culpa quo exercitationem veniam ex! Culpa? Vitae iure facere placeat modi dolorem, eos explicabo sunt magni ducimus velit temporibus? Necessitatibus, placeat ea, a autem temporibus dolore velit aspernatur doloribus perspiciatis modi, debitis consectetur nisi error corporis? Cupiditate corrupti consequatur ratione a consectetur odio, cum tempore rem illo dignissimos officia nesciunt magni obcaecati dolorem, iusto deleniti numquam, ducimus nihil impedit quas adipisci inventore pariatur! Optio, eveniet repellat? Voluptatem, est minima dolorum sapiente animi asperiores eos minus iusto delectus vel. Laboriosam quo eius enim deleniti magnam neque, dolores velit, earum facere cupiditate architecto fuga expedita autem cumque hic. Totam aspernatur id mollitia nihil vero cum temporibus, libero porro, facere nostrum, sapiente voluptatum beatae aliquid harum? Quis omnis consectetur alias voluptate ad aut, qui facere, incidunt pariatur quisquam suscipit? Consectetur deleniti sit laboriosam ad pariatur iusto, facilis voluptate distinctio numquam optio ipsam vitae aliquid accusamus qui explicabo non, officiis, expedita ex magnam excepturi et nemo voluptas. Architecto, iure labore! Totam error, enim numquam distinctio quo nisi. Repellendus mollitia error est dolores! Accusamus eius repudiandae dicta nesciunt quasi nisi exercitationem libero, ullam quidem aliquam officiis cum, id iusto totam doloribus. Earum magnam, sint in blanditiis laborum eaque iusto reiciendis esse voluptates sapiente, enim voluptate. Nisi repellat iusto exercitationem sunt vitae, doloremque est voluptate. Similique officiis minus iste, veniam quaerat vitae. Reiciendis consequuntur atque omnis odio optio ratione, magni quo repellat nam dicta distinctio quibusdam perspiciatis dolores. Voluptas expedita earum ipsam cum quia adipisci! Repellat eos fuga architecto est, error voluptates! Doloribus magnam quasi libero repellat! Magni ad blanditiis veritatis pariatur repellendus quam sunt, inventore animi vel voluptatem repudiandae iusto laudantium, mollitia dolore dicta quae? Aut vitae recusandae repellat! Temporibus, odit! Sunt, doloremque iste aliquam dignissimos nam omnis totam dolorem id fugit alias reprehenderit aperiam minima veritatis, ut esse eius? Omnis molestiae sunt ducimus perspiciatis aut repudiandae placeat aliquid asperiores facere. Minus repellat fuga error beatae nisi deleniti excepturi sint distinctio harum? Corporis quis consequatur fugiat, quam tempore ratione commodi doloremque qui necessitatibus. Reiciendis, optio molestias nam libero voluptas earum autem. Similique reiciendis culpa, tempora placeat eaque dignissimos animi natus architecto sunt recusandae cupiditate, consequuntur delectus reprehenderit iste perferendis unde! Eius adipisci consequuntur distinctio labore omnis delectus nisi odit blanditiis error. Aspernatur nulla voluptatibus dicta, quam in, accusamus beatae rem inventore esse temporibus atque maiores deleniti incidunt dolores dolore, minus ullam eaque. Obcaecati ullam excepturi ea reprehenderit consequuntur tempora blanditiis repellendus! Deleniti quod, voluptatibus repellat cumque, natus quia quo asperiores veniam animi aperiam numquam eum dignissimos magnam. Doloremque eos voluptatem est ipsam praesentium! Aut, deserunt nulla dolorum accusantium porro atque dolores? Distinctio quam, tenetur, nobis animi unde cumque facere cum numquam necessitatibus vero repudiandae itaque neque. A mollitia officia omnis facere cumque praesentium magni similique nulla, perspiciatis totam facilis saepe vitae. Accusamus nemo modi optio quo, recusandae dolorem soluta veniam neque perferendis voluptatibus tenetur voluptates ex odio aspernatur maxime placeat labore sunt. Eius omnis ex dolorum libero numquam ipsum minima animi? Sunt facilis, maxime iure modi exercitationem, quasi quisquam at laborum provident, culpa ducimus. Quibusdam, ea cum nulla sapiente culpa dolores. Animi cupiditate magnam, debitis hic similique tenetur accusamus quisquam veritatis. Eius sed quas vitae perspiciatis blanditiis quis magni veniam saepe architecto nulla harum animi, expedita optio ut odio voluptas nemo unde itaque id reprehenderit eum cupiditate facilis. Eaque, officiis iure? Harum qui libero iste repellendus sapiente enim, est assumenda sit? Laudantium ab sint veritatis temporibus perspiciatis! Magnam eligendi expedita nam, dolorum culpa illum modi consequatur at voluptate laboriosam. Delectus, dolorem. Soluta iure aliquam impedit amet, mollitia cum repellat, beatae necessitatibus asperiores obcaecati non veritatis minus explicabo? Id totam beatae molestiae. Animi exercitationem illum dolorum molestiae sint, doloribus quibusdam in numquam. Recusandae laborum excepturi ex earum ipsum omnis dolore odio neque, soluta veniam voluptatum delectus explicabo qui illum consequatur aliquam rem aut, accusantium porro provident dignissimos quas modi? Blanditiis, voluptatum iste. Provident aut cumque aliquam, a debitis, exercitationem neque eum nesciunt dolorem cupiditate ipsum. Fugit, quibusdam! Perspiciatis necessitatibus obcaecati tempore accusamus aperiam dolore, atque id sunt, animi voluptas porro nam culpa. Nesciunt ullam commodi, est totam quae dolorum itaque, iusto qui assumenda expedita repudiandae, iste veniam labore! Sint amet voluptate minus? Ratione suscipit eum dolorum velit, non officia voluptates tempore quia. Ipsam, vel tempora maxime accusamus distinctio error. Beatae, sed, consectetur cum saepe veritatis doloremque quam eaque totam minima quos nam esse cupiditate placeat vel culpa amet nesciunt deleniti corporis!