margin 和 padding 属性

准备动手做一个模板,顺便将 margin 和 padding 属性在不同浏览器中的效果小结了一下,如果对您有所帮助,那实在是我的荣幸。当然,我现在只能假定您已经了解下面的内容,那请您不必较真,大可付之一笑。

一、margin 属性(外部间距)

 1.普通的DIV

 .各浏览器效果相同;

 2.DIV使用了 float:left 或 float:right 属性

 .在IE6中,最左边的DIV左边的 pargin 值,和最右边的DIV右边的 pargin 值,均为其左右两边 pargin 值之和。

 .其它浏览器效果相同。

二、padding 属性(内部间距)

 .IE(6~8)浏览器中,padding 的值(及 border 的值)包含于 width 之中。

 .IE9浏览器:未测试。

 .其它浏览器效果相同,即:width、padding、margin、border 的数值各自独立。

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~

【注】上面的“各种浏览器”和“其它浏览器”的范围,仅包括Firefox、Chrome、Safari、Maxthon、IE6~IE8。至于其它IE内核浏览器,基本上与IE效果相同,但有时也会不一样,应以实测为准。

知识共享许可协议
《margin 和 padding 属性》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
相邻依据:发表时间
PHP&AJAX
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

1 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     187.59ms