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

#html #css #вёрстка

Есть код :








	







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



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

Ответы

Ответ 1

.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;
}