<!DOCTYPE html>
<style>
div {
width: 100px; height: 100px;
}
#outer {
background: green;
overflow: hidden;
}
#inner {
background: red;
transform: translateX(calc(100px));
}
</style>
<div id="outer">
<div id="inner">
</div>
</div>
<!DOCTYPE html>
<style>
div {
width: 100px; height: 100px;
}
#outer {
background: green;
overflow: hidden;
}
#inner {
background: red;
transform: translateX(calc(100px));
}
</style>
<div id="outer">
<div id="inner">
</div>
</div>