1、常见的盒模型:inline,inline-block,block,position,table,float

        2、当display:list-item时，它的父元素比须是块状元素，必须设置margin/padding为list-item元素的list-style-type设置项目符号         3.一个盒模型所具有的属性:display,width,height,border,margin,padding,overflow,visibility,background         inline:width,height,overflow在内联的元素上不起作用，它们总是与内容相一致的                1、通过line-height设置内联元素的行高                2、margin-left和margin-right应用正负值使元素拉近与远离，margin-top和margin-bottom不起作用         inline-block:具有块状元素的属性                1、width:auto,height:auto会使宽度和高度和实际元素相符                2. width:100%拉伸内联块状元素         block:设置width属性,margin-left:auto使元素居右，margin-right:使元素居左,margin-left:auto;margin-right:auto同时设使元素居中                1、不能水平包裹一个块状元素         table:设置表格的边框                1、table{border-collapse:collapse} td{1px solid #ff0000}                2、collapse使单元格的边框无缝，不重复应用在table上面,然后设置td的边框值          position:absolute:绝对定位                1、z-index的值越大就显示在越上面，实现重叠的效果                2、windth为auto,left为auto,right为auto，包裹元素                3、width为auto,left有值right有值,被拉伸                4、width为auto，left有值,right为auto，向左偏离                5、width为auto，left为auto，right有值,向右偏离                6、height设置高度，与top,bottom配合使用，同3，4，5相关          float:默认的width:auto,height:auto