Javascript jQuery'；s width动画隐藏溢出，尽管溢出可见

我正在使用jQuery的

.animate（）

增加

div的
宽度

div
包含绝对定位的子元素，其边界与父元素的边界交叉

当动画开始时，父元素之外的子元素的
div
部分变为不可见，当动画完成时，它再次可见

<div id=parent>
    <div id=child>
    </div>
</div>

#parent{
    width: 200px;
    height: 200px;
    background: blue;
    position: relative;
    overflow: visible;
}
#child{
    width:100px;
    height: 10px;
    background: red;
    position: absolute;
    right: -50px;
    top: 100px;
}

$("#parent").animate({width: '300'}, 2000);


#母公司{
宽度：200px；
高度：200px；
背景：蓝色；
位置：相对位置；
溢出：可见；
}
#孩子{
宽度：100px；
高度：10px；
背景：红色；
位置：绝对位置；
右：-50px；
顶部：100px；
}
$（“#父项”）.animate（{width:'300'}，2000）；

jqueryanimate自动强制元素溢出：隐藏当它设置动画时

你可以用螺丝钉把它修好！重要的CSS样式：

#parent{
    width: 200px;
    height: 200px;
    background: blue;
    position: relative;
    overflow: visible !important;
}


编辑
由于CSS优先，内联样式可能会覆盖
！重要信息
样式。如果是这样的话，试试这样的方法

$("#parent").animate({width: '300'}, 2000).css('overflow', 'visible', 'important');

jqueryanimate自动强制元素
溢出：隐藏当它设置动画时

你可以用螺丝钉把它修好！重要的CSS样式：

#parent{
    width: 200px;
    height: 200px;
    background: blue;
    position: relative;
    overflow: visible !important;
}


编辑
由于CSS优先，内联样式可能会覆盖
！重要信息
样式。如果是这样的话，试试这样的方法

$("#parent").animate({width: '300'}, 2000).css('overflow', 'visible', 'important');

删除css中右边的负值，使用！在css中从右边移动负值，使用！css（'overflow'，'visible'，'important'）。css（'overflow'，'visible'，'important'））