.width() function is not returning correct value
<p>I am trying to dynamically access the width of an element through jQuery using <code>.width()</code>. In developer tools I can see element's width as 37.333Px, where as <code>.width()</code> gives 38.33334Px.</p>

<p>Width in developer tools</p>

<p><a href="https://i.stack.imgur.com/gdLaa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gdLaa.png" alt="enter image description here"></a></p>

<p>Width from .width()</p>

<p><a href="https://i.stack.imgur.com/BVROr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BVROr.png" alt="enter image description here"></a></p>

<p>In this situation difference is of 1px, but sometimes it difference is in decimals. Why there is a such difference? Where am I going wrong? Is there any other to get exact width.</p>