Как отцентровать абсолютно спозиционированный элемент?

Question

Евгений Бабкин @hey_joe

CSS

Как отцентровать абсолютно спозиционированный элемент?

Собственно, вот пример верстки
codepen.io/heyjoe/pen/ZbBOPG
Проблема в том, что при изменении ширины окна браузера (в меньшую сторону), центровка пропадает.
Подскажите, пожалуйста, каким образом задать центровку элементу input-wrapper, чтобы она действовала при изменении ширины окна браузера?

Вопрос задан более трёх лет назад
478 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2015-09-26 15:37:18

У вас ширина рассчитывается: width + padding-left + padding-right.
Поэтому:
Вариант 1: сдвигать влево на
margin-left: -304px;
Вариант 2: добавить к input-wrapper

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

Как отцентровать абсолютно спозиционированный элемент?

Войдите на сайт