Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome Animate.css与Chrome冲突_Google Chrome_Animate.css - Fatal编程技术网

Google chrome Animate.css与Chrome冲突

Google chrome Animate.css与Chrome冲突,google-chrome,animate.css,Google Chrome,Animate.css,我对animate.css中的动画有问题 从右侧进入的每个动画都会扩展我的容器。这只发生在chrome中,并且只发生在右侧的动画中。有人知道解决办法吗 以下是实际操作中的问题: 例如,您应该执行以下操作: html: 使用“container”类div的规则“overflow:hidden”会将动画的水平滚动从右侧移除。这确实有效,但这是一个丑陋的解决方法,因为动画只在容器中运行,而不是整个页面。然后,动画对象出现在页面的中间。容器应该在正文中,容器添加宽度:100%溢出,例如隐藏,但是我的容器

我对animate.css中的动画有问题 从右侧进入的每个动画都会扩展我的容器。这只发生在chrome中,并且只发生在右侧的动画中。有人知道解决办法吗

以下是实际操作中的问题:
例如,您应该执行以下操作:

html:


使用“container”类div的规则“overflow:hidden”会将动画的水平滚动从右侧移除。

这确实有效,但这是一个丑陋的解决方法,因为动画只在容器中运行,而不是整个页面。然后,动画对象出现在页面的中间。容器应该在正文中,容器添加宽度:100%溢出,例如隐藏,但是我的容器不是100%宽度(不能)。我想这就是问题所在。也许这是由引导(我在这里使用)引起的。或者我必须再使用一个包装器吗?是的,你必须有两个包装器,例如第一个包装器->溢出:隐藏和宽度:100%,第二个包装器可以是宽度,在第二个包装器内放置带有动画bounceInRight的元素。如果你愿意,给我发一个使用“jsFiddle”的代码示例,哈,我终于找到了。谢谢你,伙计。
<div class="container">
    <img src="../" class="animated bounceInRight" />
</div>
.container {
   overflow: hidden;
}