display:inline-block的兼容性
兼容性：
IE6、IE7不識別inline-block但可以觸發塊元素。
其它主流瀏覽器均支持inline-block。
解決IE6、IE7兼容性的方法：
1、首先設置inline-block觸發塊元素，具有了layout的特性，然后設置display:inline使塊元素呈現內聯元素，此時layout的特性不會消失。
2、直接設置display:inline，使用zoom:1觸發layout。
兼容所有瀏覽器的方法是：
display:inline-block;
*display:inline;
*zoom:1;
解決IE6,IE7不能隱藏(overflow:hidden)絕對定位溢出的內容
哪個需要設置overflow；hidden，生效，就在哪個上面設置position:relative;
雙倍margin的解決方法
1）盡量避免使用同樣的方向加margin。
2）給所有浮動的元素寫上display:inline
雙倍margin的bug出現情況很詭異，要考慮到浮動的元素的父級的情況。如果父級也在浮動，可能相同方向的margin和float也能觸發雙倍margin bug。這時就用display:inline;來解決就行。
、、、、、、
微小盒子的制作，小于14px的盒子必須加上font-size:0px;
豎直方向的margin，高級瀏覽器不會撐大父盒子，IE6會撐開父盒子;
帶有鏈接的圖片，IE會加邊框，border:0;
浮動的元素在IE6中是不脫離標準流的，所以不能用浮動制作盒子壓盒子；
overflow清除浮動的影響，需要在IE6下加_zoom:1來觸發hasLayout渲染機制；
///////////////////
（img有邊框、微小盒子font-size:0、半透明不支持png格式、overflow必須加zoom、浮動不脫標3px、雙倍margin）
///////////////////////
作為外部wrapper 的 div 不要定死高度, 最好還加上 overflow: hidden.以達到高度自適應.
給行內樣式加樣式的時候要先轉化成塊級元素
