5

私はこの発見に少しつまずいて、この背後にある理由を自分自身に説明することはできません。

添付のフィドルは、一方が他方にネストされた2つのDIVを示しています。外側のDIVには、高さと幅、および相対位置が設定されています。内側のDIVにも高さと幅が設定されています。それに加えて、上、右、下のパディングが100%に設定されていました。\

私が理解していることから、パディングは親の高さと幅に基づいて導き出されます。ただし、結果は、すべてのパディング(上、右、下)が親の幅のみを参照していることを示しています。すべてのブラウザが同じ結果をレンダリングするようです。そのため、それはいくつかの標準の一部である必要があります。

私の質問は、なぜこれがそのような方法で実装されたのか、そして上下のパディングの親の幅ではなく親の高さを参照する方法があるかどうかです。

4

1 に答える 1

7

はい、あなたはパディングについて正しいです-幅を参照するトップパーセント。これは、W3CSSBoxモデル仕様の一部です。

http://www.w3.org/TR/CSS2/box.html#padding-properties

パディングのパーセンテージで高さを参照することはできません。常に幅を参照します。申し訳ありません=(

于 2012-07-21T23:35:11.710 に答える