-1

別のブロック内のブロック要素。最初のブロックは200pxの高さであるため、CSS仕様に従って、内側のブロックは合計マージン+パディング+ボーダー+200pxの高さを取得する必要があります。したがって、グーグルクロームウェブ開発ツールでは、上下の余白はわずか16ピクセルで、全高+パディング+余白は134のようです。説明をお願いします。

 <html>
 <div style="height: 200px;border:1px solid black;">
 <p style="height: 50%; border:1px solid black;"></p>
 </div>
 </script>
 </html>
4

1 に答える 1

3

スペックを誤解していると思います。200pxデフォルトでは、またはを含まないコンテンツボックスです。したがって、is of = content-box heightの計算では、境界線を2回追加し、マージンを2回追加します（記述内容に基づいて）。値は。paddingborderp50%200px100px1px16px134px

于 2012-12-31T22:32:48.190 に答える