浮動與定位的區別

浮動和定位的區別

• 浮動元素的包含塊是從content-box開始依次排列，定位元素的包含塊是padding-box，width,padding,margin:百分比的依據！！！

• bfc元素可以被浮動元素撐起（bfc獨立區域可見浮動元素），但忽略定位元素

• 浮動元素和position:absolute都會將元素變成塊盒子（li特殊，仍然爲原來的list-item）

• 常規流，浮動流，定位流的z-index:常規流的z-index設置無效，仍是默認的auto，（只有定位元素才能設置z-index），浮動和定位都比常規流高一層（默認）,浮動元素z-index=-1時，低於常規流（常規流能夠近似地看做z-index=0）

• 浮動流接近常規流，絕對定位和固定定位徹底脫離常規流