Как узнать размер отступа по ширине от конца внутреннего блока до конца внешнего?

Question

[Макс Жуков]

Как узнать размер отступа по ширине от конца внутреннего блока с карточками до конца внешнего?
внутренний блок задаётся через absolute и меняется его left.

Answer 1

[WebEagle]

<div id="container">
  <div id="cards">
  <!-- содержимое, карточки -->
  </div>
</div>

const container = document.getElementById('container');
const cards = document.getElementById('cards');

// разница между правым краем cards и container
console.log(container.offsetWidth - (cards.offsetWidth + cards.offsetLeft));
// cards.offsetLeft может быть отрицательным
// Если console.log вернул отрицательное значение, значит карточки шире родительского блока

Comments

[Макс Жуков]

Спасибо, у меня так же сработало с console.log(container.offsetWidth - (cards.scrollWidth+ cards.offsetLeft));