Question

阻止元素，在另一个块内。第一个块是200px高度，因此内部块应根据CSS规范获得总边距+填充+边框+高度200px。所以在Google Chrome网页开发者工具中，顶部和底部的边距只有16像素，总高度+填充+边距就像134.请问有什么解释吗？

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

Answer 1

我认为你误解了the spec。 200px默认为内容框，不包括padding或border。因此，p的数学计算是50% = 200px内容框高度的100px，然后将1px边框添加两次加上16px页边距两次（基于你所声明的内容），给出134px的值。