如何自动更新保证金百分比？

Question

在此页面（Mozilla Developer Network: margin-top）中，它提到了margin-top CSS属性的百分比。这确实可以正常工作，但唯一的问题是，在父元素被拉伸直到刷新页面时它不会更新。我该怎么做才能更新保证金而不刷新？

我已经提出fiddle。