知识点

1.  IE6下最小高度有限制（大概11PX），不能到1PX，解决方法：加个overflow:hidden;

2. background的相关信息：

    background-color:是从元素边框的左上角到加框的右下角；

   background-image:是从元素边距的左上角到边框的右下角

 

4.inline-block,block,inline

  inline 具有padding属性，不具有margin属性

  inline-block 会挤占别的元素的位置，inline不会

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5.在一个没有设置高度的元素中，高度是由line-height决定的，line-height是同linebox决定的，linebox是它下属的元素的最高的line-height决定的,但图片是由它自身带来的height决定的高度

   line-height不会触发haslayout   而height会触发haslayout

<div><span style="line-height:20px">span<em style="line-height:40px">em</em></span></div>

　　这个div的高度就是40px