Обычно, когда нам необходимо использовать свойства position: absolute или position: fixed, мы так же задаем позиции каждой стороны (left, right: top, bottom). Выглядит это примерно так: Но этот код можно сократить всего до двух строк, используя position: absolute и inset: 0: Свойство inset - это относительное сочетание всех четырех свойств позиционирования (top, right, bottom, left) в одной строке CSS. Кроме того, в inset можно задать 4 разных значения, каждое из которых будет отвечать за свою сторону, например: inset: 10px auto 0 20px; / * сверху, справа, снизу, слева * / Таким образом мы экономим пару десятков или сотен строк CSS кода :)
Мой сайт о веб-разработке: https://ravlex.ru/
Обычно, когда нам необходимо использовать свойства position: absolute или position: fixed, мы так же задаем позиции каждой стороны (left, right: top, bottom). Выглядит это примерно так:
Но этот код можно сократить всего до двух строк, используя position: absolute и inset: 0:
Свойство inset - это относительное сочетание всех четырех свойств позиционирования (top, right, bottom, left) в одной строке CSS.
Кроме того, в inset можно задать 4 разных значения, каждое из которых будет отвечать за свою сторону, например:
inset: 10px auto 0 20px; / * сверху, справа, снизу, слева * /
Таким образом мы экономим пару десятков или сотен строк CSS кода :)
Мой сайт о веб-разработке: https://ravlex.ru/