• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 亲情文章 > 正文

    设置外边距的属性名是 [DIV边距属性在Chrome和IE中不兼容问题]

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

    做网页编辑的最怕的就是浏览器不兼容性问题,这不今天也让俺碰到了DIV边距属性在Chrome和IE中不兼容问题,具体如下:

    今天在单位给某企业网站做页面,然后回家进行修改,首先在IE中打开浏览,晕,惨不忍睹,怎么回事,开始以为是CSS样式没拷过来,查看没丢,一下想到估计是浏览器兼容性问题,最后经仔细查看原因出在div中的padding设置上,具体如下:

    如果是以下的设置Chrome和IE的设置没问题

    代码如下:

    div1

    {

    width:960px;

    margin:0px;

    padding:0px;

    }

    如果是出现以下设置:

    div2

    {

    width:960px;

    margin:0px;

    padding:0px 10px 0px 10px;

    }

    那么在Chrome就会把padding的20px加到外面,这样div宽度就是980px了,但IE中仍然是960px,这个希望碰到以上的朋友注意下。

    另外还发现,border和padding一样,margin的值均算在“width”的外面。同时还有一些情况有所不同,例如在没有设置float的情况下,Chrome会把div2当成position:absolute,而在IE中却会把他当成poisttion:relative,这样我们在设置中尽量都是块级元素的float为left

    • 设置外边距的属性名是 [DIV边距属性在Chrome和IE中不兼容问题] 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全