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

标签：作用   属性   strong   margin   nbsp   现象   解决   lock   oat   

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中的一些问题及解决方法

标签：作用   属性   strong   margin   nbsp   现象   解决   lock   oat   

原文地址：http://www.cnblogs.com/SunShineM/p/6058489.html