Как оставить блок по середине?

Question

[dk-web]

Всем привет!
Короткий вопрос.. как оставить синий блок на своем месте, отодвинув синий и зеленый за пределы экрана?
Так же задать ему абсолютное позиционирование?

jsfiddle.net/fo8yz20y/1

Answer 1

[Илюша Прокопьев]

Да, установи ему position:absolute и добавь отступ от левого края

Answer 2

[Nash]

Никаких отступов добавлять не надо, код ниже сделает блочный элемент всегда в центре.
Решение с отступом не даст вам универсальности на разных экранах.

.center-block { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }

Учтите, что позиция абсолютного блока зависит от того, кто его родитель и есть ли выше position: relative.