<div style="width: 50px;">
<div id="theElement" style="position: relative; left 25px;">textMuchLongerThan50[</div>
</div>
document.getElementById(“theElement”).clientWidth always returns 50, which is width of the parent element, while it is obvious the element’s content is much wider
(The element itself actually has this width, but I need to know its “natural” width, i.e. width of its content.)
Experiencing this behaviour in Chrome and IE. If anoyne knew how to determine the actual dimensions of a relatively positioned DIV residing in another DIV with pre-set/limited width…?
You are interested in scrollWidth: Example