1

我有如下代码来获取“内容”宽度，但它如何返回 IE 7、8、9 的不同值？Firefox 的值也不同。

我怎样才能让它返回一致的值？不使用 JQuery 可以吗？

document.getElementById('content').clientWidth
document.getElementById('leftSide').offsetWidth
document.getElementById('content').clientHeight

左侧 div 包含在内容 div 内。他们唯一的风格是

background-color:white;

我有：

IE7 1604/297/925

IE8 1906/297/925

IE9 1910/297/1609。

FF 1610/297/1910

我试图打开“符合标准的模式”，但仍然没有任何区别......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

谢谢，

4

1 回答 1

2

区别与浏览器框模型有关。很大程度上取决于您是否处于怪癖模式（http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug）。缓解这些问题的最有效方法是使用具有规范化浏览器之间差异的方法的 JavaScript 库（例如，jQuery's .width() .height()）。

于 2012-08-08T07:04:22.773 回答