Как вписать блок в блок без усечения ширины и скрыть часть блока за пределами родительского блока?

Есть код :

нужно выступающую часть блока Б скрыть за пределами блока А без усечения его ширины, вот таким образом:

что бы выступающей части видно не было.

Ответ

.a { overflow: hidden; } .b { position: relative; }
.a { height: 300px; width: 200px; background-color: red; position: inherit; overflow: hidden; } .b { height: 200px; width: 200px; background-color: blue; position: relative; top: 50px; left: 100px; }