我知道这应该是直截了当的,但任何人都可以告诉我为什么当a margin-top: 50%应用于孩子时,下面的子盒子会溢出父母的容器.如何计算保证金最高百分比？
.container {
background: lightblue;
padding: 10px;
height: 200px;
}
p {
display: block;
border:1px solid red;
margin-top:50%;
}<div class="container">
<p> Some Cool content</p>
</div>子元素不应该从200px(父级的设置高度)放置50%,即从顶部100px？