jQ position() / offset() WTF

by subzey

HTML

<div class="wrapper">
     <div class="inner"></div>
     <div class="inner"></div>
     <div class="inner"></div>
     <div class="inner"></div>
     <div class="inner"></div>
</div>
<pre id="log"></pre>

CSS

.wrapper {
   background: orange;
   width: 250px;
   position: relative;
   text-align: center;
   font-size: 10px; 
   color: black;
}
.wrapper:after {
    content: "250px";
}
.inner {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 0 0 25px;
    background: black;
    color: white;
}
.inner:after {
    clear: both;
    content: "25px";
}

JavaScript

var measurements = 'Pos\tOffset\r\n';
$(".inner").each(function(){
    measurements += $(this).position().left + '\t' +  $(this).offset().left  +'\r\n'
});

$('#log').text(measurements );