css - CSS は % の問題でピクセルを変換します - 計算が正しくありません

Question

div.wrap640px × 890pxのコンテナ ( ) があります。

padding-top40px のa を追加したいのですが、% で。したがって、40px / 890px = 4.4943820225%

.body { width: 640px; height: 890px; }
.wrap {
 padding-top: 4.4943820225%;
 width: 100%; height: 100%;
}

しかし、Chrome 開発ツールを確認すると、padding-top= 28.750px になっています。何故ですか？

ご協力いただきありがとうございます！

score 1 · Accepted Answer

これらの 4,4943820225% を少し丸め、親要素の幅から計算するためです。

したがって、640px x 4,49..% = 28,7px

% - 含まれている要素の幅のパーセントでパディングを指定します

score 0 · Accepted Answer

http://www.w3.org/TR/CSS2/box.html#propdef-padding-topの仕様が表示されている場合、パディング (すべての側面) は、パーセンテージを使用する場合の幅に関連して計算されます。

見積もり

パーセンテージ:包含ブロックの幅を参照

2 に答える 2