Как получить длинну внутреннего div если у наружного overflow:hidden?

Question

[Владимир]

вот пример
https://jsfiddle.net/n5Lmvynq/4/
В нем длинна внутреннего блока определяется как длинна наружного - падинги, а должна быть немного больше наружного за счет контента.

Как определить реальную длтнну блока .inner ?

Answer 1

[HamSter]

ширина .innerbox * 6 кол-во блоков = 1080 или как показывает панель разработчика 1087px

Comments

[Владимир]

Блоков 10, не 6. У себя в девелопер консоли в хроме и ФФ я вытащил длинну 819px которая определяется внешним блоком

[HamSter]

Владимир: попробуйте убрать overflow:hidden у всех внешних

[Владимир]

HamSter: Спасибо, походу сам подход к решению задачи неправильный.
Плашки это фотографии, я хотел сделат ленту фотографий, которая прокручивается, а тормозить прокрутку влево хотел исходя из размеров, по ходу нужно будет последнюю плашку отслеживать когда она появится.

[Владимир]

считаю длину исходя из количества блоков, правда красивого способа получения размера margin не нашел, из getComputedStyle не очень красиво как то

[Константин Громов]

Владимир: Брать margin из getComputedStyle единственно верный способ, он же используется и в jQuery. Сделать ширину по контенту у .inner если и можно, то с помощью новых display: flex и подобных + вероятно понадобится ещё одна обёртка. Старыми средствами у меня не получалось, потому сам так же высчитывал исходя из кол-ва и ширины внутренних блоков. Полностью рабочий подход и, мне кажется, даже чище возможной альтернативы на css.

[Владимир]

Константин Громов: А есть гарантия что оно во всех браузерах и случаях к полям добавляет px вконце а не em или % ?

[Константин Громов]

Владимир: По документации возвращает всегда в px. Конкретно по бразуерам: "Поэтому сейчас в целом все значения возвращаются именно окончательные, кроме некоторых небольших глюков в браузерах, которые постепенно вычищаются." (информация из https://learn.javascript.ru/styles-and-classes). Можно проверить IE9 для уверенности и использовать не оглядываясь.