Как узнать что один элемент вышел за границы другого?

Question

[chetupek]

Привет, есть вот такая структура:

<div id="test" style="width:100px">
	<div style="width:90px"></div>
	<div style="width:80px; margin: 0 40px"></div>
</div>

Можно ли на js узнать что дети не влезают в родителя?
document.querySelector('#test').offsetWidth выдает 100
Как можно получить реальные значения? 90px + 80px + 40px + 40px

Спасибо!

Answer 1

[AlexKeller]

Каждый дочерний проверим и сравним:
https://jsfiddle.net/teuL27o4/