Не правильно отображает координаты элемента
offsetLeft по идее должен отображать координаты по левому краю от выбранного элемента.
Здесь на сайте все работает правильно 24px (16px от CSS + 8px стандартные),
а у меня на ПК отображает 8px, когда по идее должен показывать 24px. В чем проблема?
У меня js подключен отдельным файлом.
У меня точно такой же код, как в примере ниже.
Браузер на котором я все это смотрю Google Chrome
let a = document.querySelector('#texts');
alert(a.offsetLeft);#main{
background: orange;
}
#texts{
margin-left: 16px;
}<!DOCTYPE html>
<html>
<head>
<script defer type="text/javascript" src="java.js"> </script>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<div id ="main">
<div id ="texts">
Опа
</div>
</div>
</body>
</html>