DIV的動態寬度（offsetWidth問題）

Question

我面臨以動態方式（通過更改innerHTML或使用createTextNode）檢索（通過javascript）更改內容的div寬度（通過offsetWidth讀取widht之前）的寬度的問題。

這是一些示例代碼：

var con = document.getElementById('avContent'); //content div within page

var temp = document.createElement('div');<br /> 
var text1 = document.createTextNode('CCCCC');<br /> 
temp.appendChild(text1);<br /> 
con.appendChild(temp);<br /> 
var length1 = temp.offsetWidth;<br /> 
var text2 = document.createTextNode('CCCCC33333333vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv');<br /> 
temp.removeChild(text1);<br /> 
temp.appendChild(text2);<br /> 
con.removeChild(temp);<br /> 
con.appendChild(temp);
var length2 = temp.offsetWidth;<br /> 

length1和length2確實具有相同的寬度..（與使用innerHTML而不是createTextNode時得到的結果相同）。

看起來是與以下討論中描述的問題相同：
http://www.webdeveloper.com/forum/showthread.php?t=187716

有人回答（解決）嗎？
預先感謝您的幫助。

Answer 1

Inherit CSS繼承-外部元素（另一個div或Table）中DIV的寬度。