-1

块元素，在另一个块内。第一个块的高度为 200 像素，因此根据 CSS 规范，内部块应获得总边距 + 填充 + 边框 + 200 像素的高度。所以在google chrome web developer tools中，顶部和底部边距只有16 px，总高度+填充+边距就像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默认情况下，它是不包含or的内容框。因此，is of = content-box height 的数学运算，然后添加两次边框加上两次边距（根据您所说的），给出.paddingborderp50%200px100px1px16px134px

于 2012-12-31T22:32:48.190 回答