Как выровнять по центру блок который шире ширины экрана при помощи css?

Question

[moreh]

Нужно выровнять блок фиксированной ширины по центру экрана но при этом этот блок может быть шире окна браузер. С каждой стороны должно быть одинаковое поле за пределами экрана.
С помощью css можно ли такое реализовать?

Answer 1

[Nikolay Talanov]

Если известны размеры, то в 99.99% любых случаев юзайте negative margin центрование:

.el {
  position: absolute;
  left: 50%;
  top: 50%;
  width: %width%;
  height: %height%;
  margin-left: %width% / -2;
  margin-top: %height% / -2;
}

Answer 2

[Ivan Bogachev]

.block {
    width: 100500px;
    position: absolute;
    left: 50%;
    margin-left: -50250px;
}

но лучше десять раз подумать и не делать так (это я про блоки фиксированной ширины, которые больше экрана)