Html 父容器外的倾斜div

我有一系列的div正在破坏它的父容器。我想知道如何控制它们

这是我的一支笔：

.wrapper{
-webkit变换：倾斜（-35度）；
变换：倾斜（-35度）；
溢出：隐藏；
-o-对象配合：盖；
对象匹配：覆盖；
右边框：2个绿色实体；
}
img{
-webkit变换：倾斜（35度）比例（1.5）；
变换：倾斜（35度）比例（1.5）；
高度：自动；
宽度：100%；
}

...

这应该可以做到。当你倾斜div和img时，你必须考虑形状会发生什么变化

.wrapper{
-webkit变换：倾斜（-35度）；
变换：倾斜（-35度）；
溢出：隐藏；
-o-对象配合：盖；
对象匹配：覆盖；
边框：2个绿色实体；
宽度：100%；
保证金：0自动；
}
img{
-webkit变换：倾斜（35度）比例（1.5）；
变换：倾斜（35度）比例（1.5）；
高度：自动；
宽度：100%；
}
div{边框：黑色1px实心；}
.容器液体{
溢出：隐藏；}

...

overflow hidden需要转到上面的元素，而不是倾斜的容器