Як працює маржинальний автоматичний режим?
У веб-розробці поле властивості CSS: auto; використовується для горизонтального центрування елемента в його батьківському контейнері. Він встановлює ліве та праве поля елемента на автоматичні, змушуючи браузер обчислювати поля та рівномірно розподіляти простір, що залишився, зліва та справа від елемента..
Автоматичне значення Ви можете встановити для властивості margin значення auto горизонтально центрувати елемент у його контейнері. Тоді елемент займе вказану ширину, а простір, що залишився, буде порівну розподілено між лівим і правим полями.
Автоматичне поле використовується Apple, Google, Stripe та іншими лідерами дизайну як спосіб горизонтального центрування елементів. Установивши автоматичне поле для елемента, який має визначену ширину, ви можете горизонтально відцентрувати елемент у межах його батьківського елемента..
Автоматичне поповнення маржі є функція, яка автоматично додає маржу до відкритих позицій, щоб гарантувати, що позиції не ліквідуються.
Ви можете використовувати відсоткові значення. Відсоток залежить від ширини контейнера. поле справа: авто; Ключове слово auto will дайте правій стороні частину простору, що залишився.
margin-top має відношення до коробкової моделі елемента. top має відношення до моделі коробки, позиції коробки всередині батьківських елементів, якщо елемент не є статичним. якщо його позиція статична, top не впливає на нього.