Как сверстать такой блок (скрин)?

Question

[aliasst]

нужно вообщем чтобы правый блок с картинкой..выходил за рамки общего контейнера и растягивался на всю ширину

Answer 1

[Vlad Chepel]

https://codepen.io/vladchepel/pen/BeNXRo

Answer 2

[MamaLuyba]

смещение через left/right задать, position: relative, и ширину 100%

Comments

[aliasst]

для блока с картинкой это всё? а смещение на ширину блока? 50%, т.е. да?

[MamaLuyba]

aliasst, да, для картинки. типа так:

<div one>
  <div></div> 
  <div></div>
</div>

div[one] {
  height: 100px;
  width: 200px;
  border: solid black 1px;
}

div[one] div:nth-child(1) {
  width: 50%;
  height: 100%;
  background: blue;
  float: left;
}

div[one] div:nth-child(2) {
  position: relative;
  width: 100%;
  height: 100%;
  right: -50%;
  background: red;
}

[Rustam Bainazarov]

aliasst, вам нужны vw-единицы.