html - 如何同时移动一组已定位的 child ？

Question

例如:

#outer {
  position: relative;
}

.inner {
  position: absolute;
  top: 0
}

#one {
  left: 0
}

#two {
  left: 200px;
}

#three {
  left: 400px;
}

<div id="outer">
  <div id="one" class="inner">first</div>
  <div id="two" class="inner">second</div>
  <div id="three" class="inner">third</div>
</div>

我想做类似$(#outer).css('left','-200px') 的事情，让所有三个 child 向左移动 200px(这样#一个在屏幕外，#two 在#one 所在的位置)。

Answer 1

这将只使用 css:

#outer
{ 
    position: relative;
    margin-left: -200px;
}

http://jsfiddle.net/fdkrfagk/3/