今天遇到一个问题，发现浏览器，解释不一致。于是讲测试结果记录下来

<div style=”width:30px; height:30px; position:relative” id=”outer”>

<div style=”position:absolute; width:30px; height:30px; left:20px; top:20px;”></div>

</div>

<script>

console.log(document.getElementById(“outer”).scrollWidth);

</script>

chrome 16.0    结果是50

firefox 10.0     结果30

IE 9.0                结果50

IE 8.0                结果50

IE 7.0               结果30

IE 6.0              结果30

神奇的世界！

如果outer加一个overflow:hidden

则各浏览器，都为50