CSS中height和width在IE和其他浏览器中的区别图文详解

  发布时间:2014-05-12 16:00:40   作者:佚名   我要评论
这篇文章主要介绍了CSS中height和width在IE和其他浏览器中的区别,需要的朋友可以参考下

IE8的width=border-left+padding-left+内容宽度+padding-right+border-right;

IE8的height=border-top+padding-top+内容高度+padding-bottom+border-bottom;

w3c规定的width=内容宽度;

w3c规定的height=内容高度;

 

这样有可能导致不同浏览器下获取的width或height的值不同,幸好jquery提供了另外两个方法,

innerWidth():padding-left+内容宽度+padding-right;

 

outerWidth():border-left+padding-left+内容宽度+padding-right+border-right;

outerWidth(true):margin-left+border-left+padding-left+内容宽度+padding-right+border-right+margin-right;

 

height同理

相关文章

  • css行内元素padding,margin,width,height没有变化

    这篇文章主要介绍了css行内元素设置padding,margin,width,height没有变化的解决方法,需要的朋友可以参考下
    2014-05-07
  • IE6不支持CSS中的min-width/height属性问题的解决方法

    min-width与min-height在css中是相当好用的语法,可以让HTML元素最少仍保持一定的宽和高,而需要时仍随着元素的內容增加宽和高。
    2009-09-08
  • 科讯CMS纯CSS控制图片最大宽度

    关键字描述:最大 图片 控制   这个 var // 宽度 maxwidth if 科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪,为什么这个j
    2009-06-06
  • 精通CSS的pdf版

    整体上看是一本不错的读物,首先他的编写结构相当清晰,章节不多,每一章都是逐步深入,非常值得一读
    2020-10-12

最新评论