• 技术文章 >web前端 >css教程

    _margin和margin 区别

    巴扎黑巴扎黑2017-06-28 13:41:17原创939
    Question:
    margin:15px 300px 0px 100px; height:72px; width:188px; float:left; 以上的CSS样式由于用了float:left; 所以在IE5-IE6中他的margin-left属性是翻倍显示的. 于是出现了不兼容.
    _margin: 15px 300px 0 50px 加上这句才能解决问题这是为什么呢?
    Answer:
    _margin 这个是在IE6中能够识别的 由于IE浏览器并没有遵守CSS标准来解释 所以有很多地方都会出现在FIREFOX CHROME等浏览器下正常而在IE6中就无法正常显示的情况 只有用下划线 _ 加上CSS属性来特意再给IE6写一下CSS代码 一般都是放在正规代码的后面 因为除了IE6其他浏览器都无法识别 比如:margin:100px; _margin:90px; 还有*margin:90px; 这个最后的写法是在IE6/IE7通用的 其他浏览器无法识别
    _margin是专门针对IE6的。。IE6对第一个浮动而且和浮动方向相同的元素的margin会产生双倍的margin的BUG。 你的是左浮动,margin那个100px也正好是左margin。。所以要用_margin来针对IE6专用。。50PX正好是正常的100PX的一半。。所以才能正常~ 有一种方法是给把浮动的元素的display设成inline就可以使IE6不会有双倍的margin,就可以不用_margin这种写法了。

    以上就是_margin和margin 区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:margin 区别
    上一篇:深入理解css中的margin属性 下一篇:父元素与子元素之间的margin-top问题
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 纯CSS3怎么实现波浪效果?(代码示例)• 深入探究CSS鼠标指针交互效果• CSS变量是怎么工作的?如何使用内联CSS变量进行布局?• css3怎样实现不是直角的菱形效果• 12个值得收藏的 CSS 技巧!!
    1/1

    PHP中文网