1

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

ここで何が欠けていますか？

4

1 に答える 1

10

明示的にそうするので、それらはおよびプロパティを継承します。topleft

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

これらの 2 行がないと、これらのプロパティは暗黙的に (仕様に沿って) 継承されません。デモ。

于 2013-01-07T15:17:41.420 に答える