首页 > 代码库 > css中的一些问题及解决方法

css中的一些问题及解决方法

1.margin的各种问题

  (1)竖向margin的叠加

    margin横向上是加法,但在竖向上却会产生叠加的现象,并会取上下间 距的其大者生效。

  (2)margin对行标签的影响

    行属性标签直接设置margin时,横向起作用,竖向无效

  (3)margin-top的bug

    当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,有些浏览器会把内层元素的margin-top作用与父元素。

      (解决:浮动、display:inline-block、伪元素、边框、padding-top)

  (4)IE6下的横向双倍margin bug

      IE6会在特定的条件下,将设置的横向margin值变成双倍。

      条件: 1.元素必须浮动(float);

      2.元素必须具有横向margin 即 margin-left、margin-right

      3.元素必须是块元素

        4.浏览器必须是ie6

        解决:display:inline;

 

css中的一些问题及解决方法