inline-block 特性:
1、塊在一排顯示
2、內聯支持寬高
3、默認內容撐開寬度
4、標簽之間的換行間隙被解析(問題)【相當字體大小的一半】
5、ie6 ie7不支持塊屬性標簽的inline-block(問題)
float浮動:
1、塊在一排顯示
2、內聯支持寬高
3、默認內容撐開寬度
4、脫離文檔流
5、提升層級半層
position:relative; 相對定位
a、不影響元素本身的特性;
b、不使元素脫離文檔流;
c、如果沒有定位偏移量,對元素本身沒有任何影響;
定位元素位置控制
top/right/bottom/left 定位元素偏移量。
position:absolute; 絕對定位
a、使元素完全脫離文檔流;
b、使內嵌支持寬高;
c、塊屬性標簽內容撐開寬度;
d、如果有定位父級相對於定位父級發生偏移,沒有定位父級相對於整個文檔發生偏移;
e、相對定位一般都是配合絕對定位元素使用;
z-index:[number]; 定位層級
a、定位元素默認後者層級高於前者;