HTML+CSS+JavaScript

Всем доброго вечера !

Есть сервисы типа яндекс картинок и google картинок.
Пример - https://www.google.ru/search?hl=ru&newwindow=1&site=imghp&tbm=isch&source=hp&biw=1024&bih=545&q=%D0%9E%D0%B3%D0%BE%D0%BD%D0%BE&oq=%D0%9E%D0%B3%D0%BE%D0%BD%D0%BE&gs_l=img.3..0i10i24l3j0i24l3j0i10i24j0i24l3.2840.8446.0.9135.6.6.0.0.0.0.179.852.0j6.6.0...0.0...1ac.1.iOPKLJh9LRI#hl=ru&newwindow=1&tbo=d&site=imghp&tbm=isch&spell=1&q=%D0%9E%D0%B3%D0%BE%D0%BD%D1%8C&sa=X&ei=DEoKUZCUFsnJ4ATcsYHIBg&ved=0CE8QvwUoAA&fp=1&biw=1024&bih=545&cad=b&bav=on.2,or.r_cp.r_qf.&sei=MrRmUfmrC-ms4ATyvoCYDw

Не могу понять как реализовано формула, что при изменения ширины они всегда ровно остаются по правому краю. Покажу значения пару рядов при ширине браузера в 1402px. Отступ у блоков 12px.

Первое значение - ширина блока, второе ширина картинки. Третья разница между ними:

282-282 = 0
267-259 = 8
263-251 = 12
263-251 = 12
267-259 = 8

282+267+263+263+267=1342+(12*5)=1402
282+259+251+251+259=1302+(12*5)=1362+40( сумма разницей между шириной блоков и шириной картинок) = 1402

Так вот, как он определят какую все таки ширину надо ставить у блоков ? )
Как он раскидывает эти 40 px ?

Второй пример ряда если сумма ширины картинок в ряд + сумма отступов больше ширины браузера то есть в нашем примере >1402 px . Тут тогда появляются отрицательные отступы margin-left. Пример:

263-267 = -4 :margin-left:0px
245-252 = -7 :margin-left:-3px
262-275 = -13 :margin-left:-7px
139-141 = -2 :margin-left:0px
243-252 = -9 :margin-left:-5px
178-183 = -5 :margin-left:-3px

263+245+262+139+243+178=1330+(12*6)=1402
267+252+275+141+252+183=1370+(12*6)=1442-40(сумма разницей между шириной блоков и шириной картинок)=1402

Тут второй вопрос понять принцип расстановки маргинов ?

Мне не нужен код на js ...Нужно врубиться в алгоритм. У кого какие идеи ? )

По ресайзу окна запускается ф-ция типа distributeCategoryLinks: http://www.isegura.es/tests/spread_links.htm