假设我有以下内容:
html, body { height: 100%; }
<div style="height:80%;margin-top:10px;">test</div>
当我调整屏幕大小时，它保持 80% 的比例到某个点，然后它中断并不再是屏幕高度的 80%。幕后究竟发生了什么？
最佳答案
这是一个相对复杂的问题，称为“框大小调整”。
关于它的精彩读物将回答您关于 css-tricks 的问题:http://css-tricks.com/international-box-sizing-awareness-day/
本质上，您的情况是 margin-top 优先。当你有 50 个像素的总高度时，10 个被删除，50 的 80% 将是 40 - 就足够了。让它变小，80% 将变成“剩下的一切”
关于css - 当您将边距应用到 CSS 百分比时会发生什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22899860/