即使经过多年的 CSS-ing，我也找不到任何关于如何将百分比计算为像素的解释(经过简单的观察后我自己也无法理解)。进一步说明:
为什么一个 div 中 2% 的 margin-left 最终是 20 像素，而另一个 30 像素？宽度是否起作用？在这种情况下，这意味着更宽的 div 有更大的余量，但根据我的观察，情况并非如此!
检查这个:http://JSNAIL.IT/uLjeYSHx/ . col2 类的 div 比其他类大，但计算的边距右相同。 (11 像素)
最佳答案
边距百分比取决于缩放所在的相对框。
因此，如果你在整个页面上占一个百分比，那么如果你把它放在一个宽度为 200 像素的盒子里，它会更多。
最后一种情况下的 20% 最终会变成 40px。
关于css - CSS 中的百分比 : How are they calculated internally?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10831756/