CSS过渡不影响其他元素答案

【问题标题】：Css transition not affecting other elementsCSS过渡不影响其他元素
【发布时间】：2013-11-24 07:06:04
【问题描述】：

大家好，我有一个学校项目，我正在尝试为一些对象设置动画，并且我让 css 转换工作，但我不希望其他元素受到转换的影响。我查看了其他有关使用 css 定位来解决此问题的示例，但是当我向示例中添加定位时，图像开始抽搐，而其他 html 元素到处都是。我附上了我的jsbin。我正在使用 angularjs 来循环我正在使用的 api，我不知道这是否会以某种方式影响它？

http://jsbin.com/opEhAVi/1/edit

【问题讨论】：

不是js或者css导致问题，不是绝对定位或者固定定位，影响页面布局

标签： html css angularjs animation transition

【解决方案1】：

动画元素需要绝对定位，以免在改变大小时影响其他元素。

处理它的一种方法是制作一个相对定位的元素列表。这些元素将只是实现您想要的布局的容器。然后每个元素都包含一个绝对定位的元素。这是内容，要设置动画的元素。由于它是绝对定位的，因此不会影响其他元素。

我对您的示例进行了一些快速更改，希望能进一步指导您：

http://jsbin.com/ogAvAZUm/2/edit

【讨论】：