Пробую делать слайдер на JS по
данному гайду.
Вот, что у меня получилось:
https://codepen.io/Drovosek/pen/arPLzy
При загрузке документа я с помощью
offsetWidth рассчитываю ширину каждого элемента в блоке
line, а потом задаю ширину для
line как сумму всех
offsetWidth. Все эелементы внутри этого блока выравнены с помощью
float:left; и они встают в линию друг за другом только тогда, когда ширина позволяет им это сделать.
Проблема в том, что, почему-то, ширина получается на 1 пиксель меньше нужной и последний элемент внутри
line не помещается в линию и встает снизу. Это можно исправить, задав вручную ширину для
line, равную очень много пикселей, например
width: 9999999px или что-то в этом духе
Но вопрос в другом:
1. Почему js подсчитывает ширину элементов так, что она получается чуток меньше, чем нужно?
2. Почему у некоторых картинок Chrome отображает ширину как дробную, хотя она целая и как узнать значение ширины с дробной частью?
