我知道这应该很简单，但有人能告诉我为什么以下代码中的子元素在应用margin-top: 50%时会超出父容器的边界吗？margin-top的百分比是如何计算的？
2
1025.container {
background: lightblue;
padding: 10px;
height: 200px;
}
p {
display: block;
border:1px solid red;
margin-top:50%;
}
Some Cool content
子元素不应该距离父元素的顶部是200px（父元素设置的高度）的50%，即距离顶部100px吗？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
百分比基准的边距是根据父容器的宽度计算的，不管边距位于哪一侧。
所以你看到的是上边距等于宽度的50%。