CSS：放置绝对定位元素，使其从外部接触其父元素

我希望绝对定位的子对象从外部触摸其父对象，如下所示：

.parent{
背景：#aaffaa；
宽度：200px；
高度：200px；
左边距：150像素；
显示器：flex；
对齐项目：居中；
位置：相对位置；
}
.孩子{
背景：#ffaaa；
宽度：100px；//实际上未知，此处用于演示
高度：100px；
位置：绝对位置；
左：0；
转换：翻译（-100%）；
}

---

当然有！代码中只缺少一行。 你只需要使用对：100%就可以了

.parent{
背景：#aaffaa；
宽度：200px；
高度：200px；
左边距：150像素；
显示器：flex；
对齐项目：居中；
位置：相对位置；
}
.孩子{
背景：#ffaaa；
宽度：100px；
高度：100px；
位置：绝对位置；
右：100%；
}

实际上，您可以使用transform。您只需将其他转换包含到单个声明中，例如

transform:translateX（-100%）rotate（90度）

但是，如果你知道孩子的宽度是100px，为什么不

left:-100px

？@cale_b，首先，我将它设置为100px宽，只是举个例子，实际上它没有固定的宽度。第二，另一个变换声明在动画中，因此我必须加倍动画声明让这成为一个细节重要的教训。看我的一个哦，那是一个如此明显的解决方案，我不知道我怎么没有自己想出它。那太好了，非常感谢你要说清楚-不是缺了一行-而是要换一行。不能保留

右侧

和

左侧

声明，否则会产生不希望的结果：）