js或jq判断div是否溢出

Question

<div class="a"></div>

现在有个操作是点击按钮往a中添加:

<div class="b"></div>

一直点击就一直添加，假设a的高度为400px，b的高度为40px，那么我如何知道a什么时候溢出了呢？

Answer 1

假若 $('.a').height() 固定，宽度 100%，比较 $('.b').length * $('.b').height() 与 $('.a').height() 能否解决问题？