Как прижать фон к правому краю?

Question

[cehka]

Как прижать фон блока к правому краю, что бы он чуть выходил, но на всех экранах одинаково?) , на моём экране выглядит нормально, но на более больших не прижат и остаётся место

background-image: url("../img/bg_header.png")
	background-repeat: no-repeat
	background-position: 30vw 30%

Фотография не загружается, извините

Answer 1

[Narts]

background-position: top right - правый верхний угол

Comments

[cehka]

Картинка должна чуть выходить за границы

Answer 2

[Николай]

Как писали выше:
background-position: right top;
и можно сдвинуть через absolute в нужную сторону.

.block{
  position: relative;
  overflow: hidden;
}
.block .image{
  background-image: url("../img/bg_header.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: calc(100% + 30px);
  height: 100%;
  position: absolute;
  right: -30px;
  top: 0;
}

Comments

[cehka]

А что за .image? Пустой блок специально для бэкграунда?
Почему нельзя просто использовать background-position: calc(right + 100px)?

[Николай]

Да специально для бэкграунда.
Так нельзя делать как вы пишите, можно только определенные значения складывать. К тому же если бы так можно было делать, у вас бы с одного края была бы пустота в 100px