Reven_凯的专栏

内联，内嵌，行内属性标签——————————————– 1、默认同行可以继续跟同类型标签； 2、内容撑开宽度 3、不支持宽高 4、不支持上下的margin和padding 5、代码换行被解析成空格 块属性标签————————————————————- 1、默认独占一行显示； 2、没有宽度时，默认撑满一排 3、支持所有css命令 inline

方法1: 加class.clear{zoom:1;} .clear:after{content:"";display:block;clear:both;}方法2: 给父级加 position:absolute/fixed方法3: 给父级加overflow:hidden (注意:ie6 下父级的overflow:hidden;是包不住子级的相对定位的)

IE6下内容撑开设置宽高———————————————————-在IE6下，内容会撑开设置好的宽高 例如，给固定宽度的wrap_div下放left_div、right_div两个div并浮动， wrap_div的宽度正好放下两个内部div(两个内部div也设置了宽度)。在IE6下，如果left_div或right_div内部内容宽度大于div本身宽度， 内容就会撑开宽度让wrap_div容不下

IE6，7下li、img的间隙———————————————————在IE6，7下li本身没浮动,但是li内容有浮动的时候，li下边就会产生几px的间隙解决办法: 1.给li加浮动,给其父级清浮动 2.给li加vertical-align:top; 当IE6下最小高度问题，和 li的间隙问题共存的时候 给li加浮动img元素在本身没有浮动也没有宽高的时候，会距离父级底部有几px间隙

CSS的选择符优先级1、同级样式默认后者覆盖前者2、样式优先级 类型(1) < class[type](10)=伪类(10) < id(100) < style行间样式(1000) < style内部样式 < link外部引入样式选择符的对应值综合相加起来大的优先级高注 : 对应值只是代表他们的等级， 11个类型选择符的优先级仍然小于1个类选择符，以此类推3、important

上下外边距叠压问题—————————————————- 例如一上一下两个div，上div设置margin-bottom:10px， 下div设置margin-top:10px，结果只会让两个margin叠压在一起， 而不会相加为20px 解决办法:把其中一个margin换成padding margin传递问题———————————————————- IE6,7下父子级包含的