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

Question

标准声明不继承top/ right/ bottom/ leftCSS属性.

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;
}

如果没有这两行,则不会隐式继承这些属性(与规范一致).演示.