几个浏览器对实际像素的解释

 

IE/Opera

 

对象的实际宽度 = (margin-left) + width + (margin-right)

 

 

Firefox/Mozilla

 

对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right)

 

比如:设置一个div的CSS::{width:100px;height:100px;border:#000000 1px solid;}
IE中:div的宽度(包括边框宽度):100px,div的高度(包括边框宽度):100px;
而firefox:div的宽度(包括边框宽度):102px,div的高度(包括边框宽度):102px;

posted @ 2009-11-20 17:23  朝夕  阅读(309)  评论(0编辑  收藏