Css 防止绝对定位div中的回流

我有一个绝对定位的div，它用

left

属性设置动画。不幸的是，当它撞到其父对象的一侧时，它会回流如何强制

#子
div保持其宽度，即使右侧被推出父div？

子对象需要保持其原始宽度，而不仅仅是固定值。如果文本小于400px，我希望
#child
收缩到文本


而不是

#孩子{
最大宽度：400px；
}

使用

#孩子{
宽度：400px；
最大宽度：100%；
}


函数到（）{
$（'child'）。动画（{左：'90%}，{持续时间：2000，完成时间：fro}）；
}
函数fro（）{
$（'#child'）.animate（{left:0}，{duration:2000，done:to}）；
}
to（）
#父级{
宽度：500px；
高度：500px；
溢出：隐藏；
位置：相对位置；
边框：1px点黑色；
}
#孩子{
背景色：aliceblue；
位置：绝对位置；
排名：0；
宽度：400px；
最大宽度：100%；
}

倒在食品车上，occaecat YOLO，nihil副总裁banh mi qui squid kogi。不对称的灵活主义者nihil，DIY Wes安德森传家宝cillum工匠道德hella饮用醋狼品特蕾斯特voluptate cupidatat。奥迪奥实习巴黎弗里根，活版麦克斯威尼奎奴亚藜麦打字机seitan retro fanny pack。90年代的诺斯特鲁德，在它上面放一只鸟无麸质讽刺班克西·克罗努特现成的高级生活。Keytar mlkshk dolor et，奎奴亚藜Carles实际上是stumptown enim church key qui cronut符号学合成摄影棚。慢碳水化合物accusamus XOXO，康沃尔香精指Stache stumptown。事实上，阿利奎普是一位高级裁缝。
你想让它做什么？你想让它不回来吗？我想让它保持它的宽度，即使
left
+
width
大于父对象的宽度。我刚刚更新了问题以澄清。
#parent{
    width: 500px;
    height: 500px;
    overflow: hidden;
    position: relative;
    border: 1px dotted black;
}

#child{
    background-color: aliceblue;
    position: absolute;
    top: 0;
    left: 0; /* this animates between 0 and 90% */
    max-width: 400px;
}