摘要： position:relative和position:absolute都可以改变元素在文档中的位置，都能激活元素的left、top、right、bottom和z-index属性。（默认这些属性未激活，设置了也无效） 设置position:relative和position:absolute都会让元素浮起来，会改变正常情况下的文档流。 不同： position:relative会保留自己在z-index:0层的占位，left、top、right、bottom值是相对于自己在z-index层的位置。 position:absolute会完全脱离文档流，不再z-index:0层保留占位符... 阅读全文

摘要： inline-block,行内的块级元素,它拥有块级元素的特点,可以设置长宽,可以设置margin和padding值,但它却不是独占一行的. IE6和IE7支持block,inline,none. IE6和IE7不支持inline-block属性,它们的inline-block属性其实只是触发了行内元素的hasLayout,使行内元素拥有了一些块级元素的特性.其效果和zoom:1是一样的. 在IE6,7下display:inline-block只能对行内元素实现,如果是块级元素就不行.(只能使行内元素能设置高宽这样的属性,但不能使块级元素不独占一行,即对块级元素无效). IE8和火... 阅读全文

摘要： 块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度. 行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化. 块级元素可以设置width,height属性. 行内元素设置width,height属性无效. 块级元素即使设置了宽度,仍然是独占一行. 块级元素可以设置margin和padding属性. 行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padd... 阅读全文

摘要： 1.IE条件注释法只在IE下生效<!--[if IE]><link type="text/css" href="..." rel="stylesheet" /><![endif]-->只在IE6下生效<!--[if IE6]><link type="text/css" href="..." rel="stylesheet" /><![endif]-->只在IE6以上版本生效<!--[if gt IE 阅读全文

摘要： margin有个特殊的样式,相邻的margin-left和margin-right是不会重合的,但是相邻的margin-top和margin-bottom会产生重合. 如果不确定上下margin特定不稳定,最好不要将它写到模块的类里,而是使用类的组合,单独为上下margin挂原子类. 阅读全文