为什么要继承顶部/右侧/底部/左侧CSS属性？

Question

标准规定不会继承top / right / bottom / left CSS属性。

CSS 2.1：http://www.w3.org/TR/CSS2/visuren.html#position-props
CSS定位模块：http://www.w3.org/TR/css3-positioning/#box-offsets-trbl

但是从我所看到的（我测试了Firefox，Chrome，IE10和Opera），实现做继承了这些属性。

HTML：

<div id="container">
  <div id="transition">Hello World</div>
</div>

CSS：

#container {
  position: absolute;
  left: 20px;
  top: 20px;
}

#transition {
  position: absolute;
  left: inherit;
  top: inherit;
}

此处，#transition元素会收到其父级的top / left值。

现场演示： http://t.co/aIRuHPAj

我在这里缺少什么？

Answer 1

他们继承 top和left属性，因为您明确这样做：

#transition {
  /* ... */
  left: inherit;
  top: inherit;
}

如果没有这两行，这些属性将不会被继承隐式（与规范内联）。 Demo