关于body的"大小"在ie和ff下的一些基础知识

fengpeng

浏览: 102376 次
性别:
来自: 北京

最近访客更多访客>>

jingkyks

你比从前快乐

yu_duo

qja

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

IE JavaScript 编程 HTML 浏览器

在做类似层拖拽等或改变table div 等元素的大小的时候
常常需要使用各种 clientWidth clientHeight clientX clientY offsetWidth offsetHeight offsetLeft ....
总之各种定位

大家都知道对于这些东西的取值 ie 和 ff 是不一样的
我们在编程的时候总是会用各种方法来消除他们之间的不同.

例如下面的代码

代码

<html>
<head>
<script type="text/javascript">
function init(){
alert(document.body.offsetWidth +","+ document.body.clientWidth)
}
</script>
</head>
<body onload="init();">
</body>
</html>

可是这时候 document.body.clientWidth 依然不同
可以很明显的看出来 ie下有滚动条 ff下没有 ok 我们全给它弄成没有吧
加上overflow:auto;
再来看看咦?有变化但还是不一样
怎么让他们一样呢?再给body加一个 padding:0px呢?
加上后你会发现没变化
那对于这么一个简单的页面该怎么做才能让 ie 和 ff下得到一样的结果呢

答案是再加一个 border
给body加上 border:0px none

现在代码变成这样了

代码

<html>
<head>
<script type="text/javascript">
function init(){
alert(document.body.offsetWidth +","+ document.body.clientWidth)
}
</script>
</head>
<body style="margin:0px;overflow:auto;border:0px;" onload="init();">
</body>
</html>

总结一下:
1 对于 overflow ie和ff的默认值不同
2 对于body的 margin默认值一样但是ff不会把他算进document.body.clientWidth内
3 在整个过程中,我们最容易忽视的就是 body的border
在ff下 body的border会被忽略不记入页面的宽度和高度里
为了让ie 和ff结果一样我们最好把body的border全部弄没

分享到：

对spring JdbcTemplate的一个扩展(使其支 ... | 数据库的设计范式

2007-06-25 11:29
浏览 1020
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论