css - 为什么会继承 top/right/bottom/left CSS 属性？

Question

标准规定top// CSS属性不被继承right。bottomleft

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

它们继承了topandleft属性，因为您明确地这样做了：

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

如果没有这两行，这些属性将不会被隐式继承（符合规范）。演示。